New look: slate-indigo panels, pink accent, Poppins, and a gradient card for your song

Inspired by a dashboard design the user shared.
- App: new palette and fonts, borderless rounded panels with soft shadows, a pink-to-blue
  gradient card for your own song (text and controls switch to white on it), flat cards for
  friends, a 'Hi Chris, welcome back' header, an outline bell, and a pink pill on the active tab.
- Website: the same look, plus a wide-screen layout with a sidebar, the page in a rounded panel,
  and a right column with your profile, recent activity and recent plays. Phones keep the top
  bar and bottom tabs.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011Y2iUsKEWDuRGjK5FPmcUP

package-lock.json

@@ -812,7 +812,7 @@
       "version": "1.3.0",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
-        "@expo-google-fonts/space-grotesk": "^0.4.1",
+        "@expo-google-fonts/poppins": "^0.4.1",
         "@expo/ui": "~57.0.21",
         "@musicshare/shared": "*",
         "expo": "~57.0.26",
@@ -3191,10 +3191,10 @@
       "integrity": "sha512-aZztj44PyA/sj3TXSwwpLJwqMlTUJ49okbZJYURzEcuERxMQB0KbX7RrLBi8WJnuWz5HFOLlTRxORrJfNnUPNQ==",
       "license": "MIT AND Apache-2.0"
     },
-    "node_modules/@expo-google-fonts/space-grotesk": {
+    "node_modules/@expo-google-fonts/poppins": {
       "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/@expo-google-fonts/space-grotesk/-/space-grotesk-0.4.1.tgz",
-      "integrity": "sha512-ZVQYw4Ok/pgcSJiufP8oRZE3AVxS9xtmKEUfsurbHkHNdMc/GA1gDXP9G4Cr7KL4KqSc0haexR2TuMigotCn4Q==",
+      "resolved": "https://registry.npmjs.org/@expo-google-fonts/poppins/-/poppins-0.4.1.tgz",
+      "integrity": "sha512-LiX5oEryJqDt3UmWwr4oqf11hGMz/JEffkkNcZ3UtGwyoMFzXmBmTwcrAWrEttxypxmLNmPykDg+CY2VjKve9A==",
       "license": "MIT AND OFL-1.1"
     },
     "node_modules/@expo/cli": {