rename: Soundboard -> Jukebox420

web/index.html

@@ -5,7 +5,7 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <meta name="theme-color" content="#0b0b0f" />
-  <title>Jukebox</title>
+  <title>Jukebox420</title>
   <link rel="preconnect" href="https://fonts.googleapis.com" />
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   <link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet" />

web/src/App.tsx

@@ -600,7 +600,7 @@ export default function App() {
           <div className="app-logo">
             <span className="material-icons" style={{ fontSize: 16, color: 'white' }}>music_note</span>
           </div>
-          <span className="app-title">Soundboard</span>
+          <span className="app-title">Jukebox420</span>
 
           {/* Channel Dropdown */}
           <div className="channel-dropdown" onClick={e => e.stopPropagation()}>