feat: implement QOL features (Stats, Search, Dram of the Day)

src/app/page.tsx

@@ -7,6 +7,8 @@ import BottleGrid from "@/components/BottleGrid";
 import AuthForm from "@/components/AuthForm";
 import BuddyList from "@/components/BuddyList";
 import SessionList from "@/components/SessionList";
+import StatsDashboard from "@/components/StatsDashboard";
+import DramOfTheDay from "@/components/DramOfTheDay";
 
 export default function Home() {
     const supabase = createClientComponentClient();
@@ -61,7 +63,8 @@ export default function Home() {
                 .select(`
           *,
           tastings (
-            created_at
+            created_at,
+            rating
           )
         `)
                 .order('created_at', { ascending: false });
@@ -122,14 +125,21 @@ export default function Home() {
                     <h1 className="text-4xl font-black text-zinc-900 dark:text-white tracking-tighter">
                         WHISKY<span className="text-amber-600">VAULT</span>
                     </h1>
-                    <button
-                        onClick={handleLogout}
-                        className="text-sm font-medium text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-300 transition-colors"
-                    >
-                        Abmelden
-                    </button>
+                    <div className="flex items-center gap-4">
+                        <DramOfTheDay bottles={bottles} />
+                        <button
+                            onClick={handleLogout}
+                            className="text-sm font-medium text-zinc-500 hover:text-zinc-800 dark:hover:text-zinc-300 transition-colors"
+                        >
+                            Abmelden
+                        </button>
+                    </div>
                 </header>
 
+                <div className="w-full">
+                    <StatsDashboard bottles={bottles} />
+                </div>
+
                 <div className="grid grid-cols-1 md:grid-cols-2 gap-8 w-full max-w-5xl">
                     <div className="flex flex-col gap-8">
                         <CameraCapture onSaveComplete={fetchCollection} />