Fix dropdown visibility and add missing translations

src/app/globals.css

@@ -150,23 +150,6 @@ body {
     background-color: var(--color-dropdown);
     border: 1px solid color-mix(in srgb, var(--color-text-muted) 14%, transparent);
     box-shadow: 0 8px 32px color-mix(in srgb, rgb(0, 0, 0) 20%, transparent);
-    transform-origin: top right;
-    transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1),
-                transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
-    opacity: 0;
-    transform: translateY(-8px) scale(0.95);
-    pointer-events: none;
-  }
-  details[open] > .dropdown-menu {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-    pointer-events: auto;
-  }
-  @starting-style {
-    details[open] > .dropdown-menu {
-      opacity: 0;
-      transform: translateY(-8px) scale(0.95);
-    }
   }
 }
 

src/app/page.tsx

@@ -245,7 +245,7 @@ export default async function HomePage() {
                     boxShadow: "0 4px 24px color-mix(in srgb, var(--color-primary) 35%, transparent), inset 0 1px 0 rgba(255,255,255,0.2)",
                   }}
                 >
-                  Enter {hotelName}
+                  {t("enterHotel", { hotelName })}
                   <svg className="inline-block ml-2 w-4 h-4 transition-transform duration-300 group-hover:translate-x-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M9 5l7 7-7 7" /></svg>
                 </button>
               </Link>
@@ -265,12 +265,12 @@ export default async function HomePage() {
             className="relative flex items-center justify-center rounded p-2 text-sm font-semibold"
             style={{ backgroundColor: "#e9b124" }}
           >
-            <span className="relative text-white">Online Friends</span>
+            <span className="relative text-white">{t("onlineFriends")}</span>
           </div>
           <div className="flex items-center gap-3 px-3">
             {onlineFriends.length === 0 ? (
               <p className="mb-3 block w-full text-center text-xs font-medium text-gray-500 dark:text-white md:mb-0 md:text-left">
-                No friends online
+                {t("noFriendsOnline")}
               </p>
             ) : (
               onlineFriends.map((f) => (
@@ -310,7 +310,7 @@ export default async function HomePage() {
                   "linear-gradient(140deg, #1a3a5c 0%, #1e4a6e 20%, #2a5a80 40%, #3a6a90 60%, #4a7aa0 75%, #3a6a90 90%, #2a5a80 100%)",
               }}
             >
-              <h2 className="text-lg font-bold text-white">Latest Article</h2>
+              <h2 className="text-lg font-bold text-white">{t("latestArticle")}</h2>
             </div>
             <Link
               href={`/news/${latestArticle.slug}`}

src/messages/de.json

@@ -125,7 +125,9 @@
       "welcome": "Willkommen bei {hotelName}",
       "welcomeSubtitle": "Dein Retro-Hotel, jetzt mit Next.js",
       "welcomeBody": "Abhängen, Möbel sammeln und Freunde treffen.",
-      "enterHotel": "Hotel betreten",
+      "enterHotel": "{hotelName} betreten",
+      "onlineFriends": "Online-Freunde",
+      "noFriendsOnline": "Keine Freunde online",
       "register": "JETZT REGISTRIEREN",
       "joinNow": "Werde noch heute Mitglied bei {hotelName}!",
       "recentUsers": "Aktuelle Benutzer",
@@ -136,7 +138,8 @@
       "allNews": "Alle Nachrichten →",
       "noArticles": "Noch keine Artikel.",
       "noPhotos": "Noch keine Fotos.",
-      "noUsers": "Keine Benutzer online"
+      "noUsers": "Keine Benutzer online",
+      "latestArticle": "Neuester Artikel"
     },
     "news": {
       "title": "Nachrichten",

src/messages/en.json

@@ -127,7 +127,9 @@
       "welcome": "Welcome to {hotelName}",
       "welcomeSubtitle": "Your retro hotel, now powered by Next.js",
       "welcomeBody": "Hang out, collect furni, and meet friends.",
-      "enterHotel": "Enter hotel",
+      "enterHotel": "Enter {hotelName}",
+      "onlineFriends": "Online Friends",
+      "noFriendsOnline": "No friends online",
       "register": "REGISTER NOW",
       "joinNow": "Join {hotelName} today!",
       "recentUsers": "Recent Users",
@@ -138,7 +140,8 @@
       "allNews": "All news →",
       "noArticles": "No articles yet.",
       "noPhotos": "No photos yet.",
-      "noUsers": "No users online"
+      "noUsers": "No users online",
+      "latestArticle": "Latest Article"
     },
     "news": {
       "title": "News",

src/messages/es.json

@@ -125,7 +125,9 @@
       "welcome": "Bienvenido a {hotelName}",
       "welcomeSubtitle": "Tu hotel retro, ahora impulsado por Next.js",
       "welcomeBody": "Pasa el rato, colecciona furni y conoce amigos.",
-      "enterHotel": "Entrar al hotel",
+      "enterHotel": "Entrar a {hotelName}",
+      "onlineFriends": "Amigos en línea",
+      "noFriendsOnline": "No hay amigos en línea",
       "register": "REGÍSTRATE AHORA",
       "joinNow": "¡Únete a {hotelName} hoy!",
       "recentUsers": "Usuarios recientes",
@@ -136,7 +138,8 @@
       "allNews": "Todas las noticias →",
       "noArticles": "Aún no hay artículos.",
       "noPhotos": "Aún no hay fotos.",
-      "noUsers": "No hay usuarios en línea"
+      "noUsers": "No hay usuarios en línea",
+      "latestArticle": "Último artículo"
     },
     "news": {
       "title": "Noticias",

src/messages/fr.json

@@ -125,7 +125,9 @@
       "welcome": "Bienvenue sur {hotelName}",
       "welcomeSubtitle": "Votre hôtel rétro, désormais propulsé par Next.js",
       "welcomeBody": "Traînez, collectionnez des meubles et rencontrez des amis.",
-      "enterHotel": "Entrer dans l'hôtel",
+      "enterHotel": "Entrer dans {hotelName}",
+      "onlineFriends": "Amis en ligne",
+      "noFriendsOnline": "Aucun ami en ligne",
       "register": "S'INSCRIRE MAINTENANT",
       "joinNow": "Rejoignez {hotelName} dès aujourd'hui !",
       "recentUsers": "Utilisateurs récents",
@@ -136,7 +138,8 @@
       "allNews": "Toutes les actualités →",
       "noArticles": "Pas encore d'articles.",
       "noPhotos": "Pas encore de photos.",
-      "noUsers": "Aucun utilisateur en ligne"
+      "noUsers": "Aucun utilisateur en ligne",
+      "latestArticle": "Dernier article"
     },
     "news": {
       "title": "Actualités",

src/messages/it.json

@@ -125,7 +125,9 @@
       "welcome": "Benvenuto su {hotelName}",
       "welcomeSubtitle": "Il tuo hotel retrò, ora con tecnologia Next.js",
       "welcomeBody": "Rilassati, colleziona furni e fai nuove amicizie.",
-      "enterHotel": "Entra nell'hotel",
+      "enterHotel": "Entra in {hotelName}",
+      "onlineFriends": "Amici online",
+      "noFriendsOnline": "Nessun amico online",
       "register": "REGISTRATI ORA",
       "joinNow": "Unisciti a {hotelName} oggi!",
       "recentUsers": "Utenti recenti",
@@ -136,7 +138,8 @@
       "allNews": "Tutte le notizie →",
       "noArticles": "Ancora nessun articolo.",
       "noPhotos": "Ancora nessuna foto.",
-      "noUsers": "Nessun utente online"
+      "noUsers": "Nessun utente online",
+      "latestArticle": "Ultimo articolo"
     },
     "news": {
       "title": "Notizie",

src/messages/nl.json

@@ -125,7 +125,9 @@
       "welcome": "Welkom bij {hotelName}",
       "welcomeSubtitle": "Je retro hotel, nu mogelijk gemaakt door Next.js",
       "welcomeBody": "Rondhangen, meubels verzamelen en vrienden ontmoeten.",
-      "enterHotel": "Hotel betreden",
+      "enterHotel": "{hotelName} betreden",
+      "onlineFriends": "Online vrienden",
+      "noFriendsOnline": "Geen vrienden online",
       "register": "NU REGISTREREN",
       "joinNow": "Word vandaag nog lid van {hotelName}!",
       "recentUsers": "Recente gebruikers",
@@ -136,7 +138,8 @@
       "allNews": "Al het nieuws →",
       "noArticles": "Nog geen artikelen.",
       "noPhotos": "Nog geen foto's.",
-      "noUsers": "Geen gebruikers online"
+      "noUsers": "Geen gebruikers online",
+      "latestArticle": "Laatste artikel"
     },
     "news": {
       "title": "Nieuws",