Redesign all pages to light theme (Qalby-inspired mobile UI)

Complete UI overhaul replacing dark gold theme with a clean mobile-first
light theme: gradient emerald headers, white card components, light backgrounds,
emerald/amber CTAs, and a new home dashboard with feature grid navigation.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/globals.css

@@ -3,16 +3,16 @@
 @tailwind utilities;
 
 :root {
-  --background: #0a0a0f;
-  --foreground: #ededed;
+  --background: #f5f4f0;
+  --foreground: #111827;
   --gold: #D4AF37;
-  --gold-dark: #C9A84C;
+  --emerald: #059669;
   --nav-height: 64px;
 }
 
 html {
   height: 100%;
-  color-scheme: dark;
+  color-scheme: light;
 }
 
 body {
@@ -37,13 +37,16 @@ a {
   text-decoration: none;
 }
 
-/* Prevent iOS zoom on input focus — font-size must be >= 16px */
+/* Prevent iOS zoom on input focus */
 input, select, textarea {
   font-size: 16px;
 }
 
-/* Smooth scrolling in chat areas */
 .chat-scroll {
   scroll-behavior: smooth;
   -webkit-overflow-scrolling: touch;
 }
+
+/* Hide scrollbar on category strips */
+.scrollbar-none::-webkit-scrollbar { display: none; }
+.scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; }