feat(i18n): Complete localization of marketing frontend with react-i18next, prefixed URLs, JSON migrations, and automation

resources/js/app.tsx

@@ -4,16 +4,32 @@ import { createInertiaApp } from '@inertiajs/react';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import { createRoot } from 'react-dom/client';
 import { initializeTheme } from './hooks/use-appearance';
+import AppLayout from './Components/Layout/AppLayout';
+import { I18nextProvider } from 'react-i18next';
+import i18n from './i18n';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
 createInertiaApp({
     title: (title) => title ? `${title} - ${appName}` : appName,
-    resolve: (name) => resolvePageComponent(`./pages/${name}.tsx`, import.meta.glob('./pages/**/*.tsx')),
+    resolve: (name) => resolvePageComponent(
+      `./Pages/${name}.tsx`,
+      import.meta.glob('./Pages/**/*.tsx')
+    ).then((page) => {
+      if (page) {
+        const PageComponent = (page as any).default;
+        return (props: any) => <AppLayout><PageComponent {...props} /></AppLayout>;
+      }
+      return null;
+    }),
     setup({ el, App, props }) {
         const root = createRoot(el);
 
-        root.render(<App {...props} />);
+        root.render(
+            <I18nextProvider i18n={i18n}>
+                <App {...props} />
+            </I18nextProvider>
+        );
     },
     progress: {
         color: '#4B5563',