feat: add localized home routes

src/App.tsx

@@ -3,7 +3,7 @@ import { I18nProvider } from "./i18n";
 import { MotionProvider } from "./motion";
 import { ToastProvider } from "./components/Toast";
 import { PublicLayout } from "./layouts/PublicLayout";
-import { Home } from "./pages/Home";
+import { LocalizedHomePage } from "./pages/LocalizedHome";
 import { Browse } from "./pages/Browse";
 import { CategoriesPage } from "./pages/Categories";
 import { CategoryPage } from "./pages/Category";
@@ -18,6 +18,7 @@ import { AdminRouteTree } from "./adminRouteTree";
 import { AdminRouterModeProvider } from "./adminRouterMode";
 import { ImageLightboxProvider } from "./components/messageStream/overlays/ImageLightbox";
 import { VideoPlayerProvider } from "./components/messageStream/overlays/VideoPlayer";
+import { localizedHomeRoutes } from "./languageRoutes";
 
 const adminEnabled = import.meta.env.VITE_DISABLE_ADMIN !== "true";
 
@@ -34,7 +35,19 @@ export default function App() {
                     <ScrollToTop />
                     <Routes>
                       <Route element={<PublicLayout />}>
-                        <Route path="/" element={<Home />} />
+                        <Route
+                          path="/"
+                          element={<LocalizedHomePage targetLang="en" />}
+                        />
+                        {localizedHomeRoutes.map((route) => (
+                          <Route
+                            key={route.path}
+                            path={route.path}
+                            element={
+                              <LocalizedHomePage targetLang={route.lang} />
+                            }
+                          />
+                        ))}
                         <Route path="/browse" element={<Browse />} />
                         <Route
                           path="/categories"