Implement Lucide Vue icon system and UI improvements

- Replace emoji icons with professional SVG icons from Lucide Vue
- Add collapsible MusicControls with compact top-right collapse button
- Improve icon system with dynamic sizing and proper prop handling
- Disable SSR to prevent hydration issues with audio APIs
- Update IconButton to support both emoji strings and SVG components
- Optimize bottom positioning for expanded vs collapsed states
- Document new icon system in DESIGN_SYSTEM.md

nuxt.config.ts

@@ -3,6 +3,8 @@ import { defineNuxtConfig } from 'nuxt/config'
 
 export default defineNuxtConfig({
   compatibilityDate: '2025-08-02',
+  // Disable SSR completely to avoid hydration issues with client-side audio APIs
+  ssr: false,
   devtools: { 
     enabled: true,
     vscode: {},
@@ -76,7 +78,7 @@ export default defineNuxtConfig({
         periodicSyncForUpdates: 20
       },
       devOptions: {
-        enabled: true,
+        enabled: false,
         type: 'module',
         navigateFallback: '/'
       },