feat: Upgrade to Next.js 16.1 & React 19.2, migrate to Supabase SSR with async client handling

src/app/page.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
-import { createClientComponentClient } from '@supabase/auth-helpers-nextjs';
+import { createClient } from '@/lib/supabase/client';
 import CameraCapture from "@/components/CameraCapture";
 import BottleGrid from "@/components/BottleGrid";
 import AuthForm from "@/components/AuthForm";
@@ -13,7 +13,7 @@ import LanguageSwitcher from "@/components/LanguageSwitcher";
 import { useI18n } from "@/i18n/I18nContext";
 
 export default function Home() {
-    const supabase = createClientComponentClient();
+    const supabase = createClient();
     const [bottles, setBottles] = useState<any[]>([]);
     const [isLoading, setIsLoading] = useState(true);
     const [user, setUser] = useState<any>(null);
@@ -64,7 +64,7 @@ export default function Home() {
         document.addEventListener('visibilitychange', handleVisibilityChange);
 
         // Listen for auth changes
-        const { data: { subscription } } = supabase.auth.onAuthStateChange((event, session) => {
+        const { data: { subscription } } = supabase.auth.onAuthStateChange((event: string, session: any) => {
             console.log('[Auth] State change event:', event, {
                 hasSession: !!session,
                 userId: session?.user?.id,