reduce selectability of some elements

frontend/public/global.css

@@ -198,6 +198,8 @@ body {
 .input-label {
 	text-transform: uppercase;
 	color: var(--foreground-color-2);
+	pointer-events: none;
+	user-select: none;
 }
 
 .input {
@@ -224,6 +226,7 @@ body {
 	padding: var(--space-xsplus);
 	border-radius: var(--radius-xl);
 	font: inherit;
+	user-select: none;
 
 	/* TODO: inefficient */
 	display: flex;
@@ -335,6 +338,7 @@ body {
 }
 
 .sidebar-button {
+	user-select: none;
 	flex-shrink: 0;
 	display: flex;
 	align-items: center;
@@ -388,6 +392,10 @@ body {
 	color: var(--colored-element-text-color);
 }
 
+.material-icons-outlined, .material-icons {
+	user-select: none;
+}
+
 /*! the tweaks below are heavily based on modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
 
 *,

frontend/src/components/Message.svelte

@@ -77,6 +77,7 @@
         visibility: hidden;
         margin-left: auto;
         flex-shrink: 0;
+        user-select: none;
     }
 
     .message.clumped .author {