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 {

src/features/dsp408/components/ConnectionSection/ConnectionSection.css

@@ -5,6 +5,9 @@
   display: flex;
   justify-content: center;
   align-items: center;
+
+  user-select: none;
+  -webkit-user-select: none;
 }
 
 .connection-panel {

src/pages/CreditsPage/CreditsPage.css

@@ -24,3 +24,15 @@
 
   margin-top: var(--space-2);
 }
+
+.credits-page {
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+.credits-page input,
+.credits-page select,
+.credits-page textarea {
+  user-select: text;
+  -webkit-user-select: text;
+}

src/pages/CreditsPage/CreditsPage.tsx

@@ -5,7 +5,7 @@ import './CreditsPage.css';
 
 function CreditsPage() {
   return (
-    <Card>
+    <Card className="credits-page">
       <div className="credits-page__header">
         <h1 className="credits-page__title">Credits</h1>
         <p className="credits-page__subtitle">