fix: Restore logout button, hide DramOfTheDay on mobile

- Keep logout button in header (user feedback)
- Hide DramOfTheDay on mobile to save space (hidden sm:block)
- Keep responsive flex-wrap and reduced gaps

src/app/page.tsx

@@ -214,13 +214,14 @@ export default function Home() {
                             <div className="hidden sm:block">
                                 <LanguageSwitcher />
                             </div>
-                            <DramOfTheDay bottles={bottles} />
+                            <div className="hidden sm:block">
+                                <DramOfTheDay bottles={bottles} />
+                            </div>
                             <button
-                                onClick={() => router.push('/settings')}
+                                onClick={handleLogout}
-                                className="p-2 text-zinc-500 hover:text-white transition-colors"
+                                className="text-[9px] font-bold uppercase tracking-widest text-zinc-600 hover:text-white transition-colors whitespace-nowrap"
-                                aria-label="Settings"
                             >
-                                <Settings size={18} />
+                                {t('home.logout')}
                             </button>
                         </div>
                     </div>