feat: prevent text selection on main pages

src/components/Button/Button.css

@@ -50,6 +50,11 @@
 /* Hover                                                              */
 /* ------------------------------------------------------------------ */
 
+.btn-primary:hover:not(:disabled) {
+  background: color-mix(in srgb, var(--accent-brand) 95%, white);
+  color: var(--text-primary);
+}
+
 .btn-ghost:hover:not(:disabled),
 .btn-toggle:hover:not(:disabled) {
   background: var(--bg-raised);

src/components/Sidebar/Sidebar.css

@@ -18,6 +18,9 @@
   overflow: visible;
 
   transition: width var(--dur-base) var(--ease-standard);
+
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .sidebar-rail--expanded {

src/components/Topbar/Topbar.css

@@ -150,6 +150,9 @@
     (var(--space-3) * 2) + (var(--tab-height) * 0.5) + (var(--space-2) * 2) + 4ch +
       var(--tab-close-size)
   );
+
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .tab:hover {