feat: Add UserStatusBadge showing subscription level and credits

New component in header shows:
- Subscription plan badge (Starter/Bronze/Silver/Gold with icons)
- AI credits balance with sparkle icon

Also includes SQL migration for user_subscriptions RLS fix

src/app/page.tsx

@@ -16,6 +16,7 @@ import { useSession } from "@/context/SessionContext";
 import { Sparkles, X, Loader2 } from "lucide-react";
 import { BottomNavigation } from '@/components/BottomNavigation';
 import ScanAndTasteFlow from '@/components/ScanAndTasteFlow';
+import UserStatusBadge from '@/components/UserStatusBadge';
 
 export default function Home() {
     const supabase = createClient();
@@ -224,6 +225,7 @@ export default function Home() {
                         )}
                     </div>
                     <div className="flex flex-wrap items-center justify-center sm:justify-end gap-3 md:gap-4">
+                        <UserStatusBadge />
                         <OfflineIndicator />
                         <LanguageSwitcher />
                         <DramOfTheDay bottles={bottles} />