feat: vite test

frontend/src/main.tsx

@@ -0,0 +1,47 @@
+import { StrictMode, Suspense } from "react";
+import { createRoot } from "react-dom/client";
+import { BrowserRouter, Route, Routes } from "react-router";
+import "./index.css";
+import "@fontsource-variable/lexend/wght.css";
+
+import PrivacyPage from "./pages/privacy.tsx";
+import TermsOfServicePage from "./pages/terms-of-service.tsx";
+import NotFoundPage from "./pages/not-found.tsx";
+import LoginPage from "./pages/login.tsx";
+import ProfilePage from "./pages/profile.tsx";
+import MiiPage from "./pages/mii.tsx";
+import SubmitPage from "./pages/submit.tsx";
+import IndexPage from "./pages/index.tsx";
+import ProfileSettingsPage from "./pages/settings.tsx";
+import Providers from "./components/provider.tsx";
+import Header from "./components/header.tsx";
+import Footer from "./components/footer.tsx";
+
+createRoot(document.getElementById("root")!).render(
+	<StrictMode>
+		<Providers>
+			<Suspense fallback={<div>Loading header...</div>}>
+				<Header />
+			</Suspense>
+			{/* <AdminBanner /> */}
+			<main className="px-4 py-8 max-w-7xl w-full grow flex flex-col">
+				<BrowserRouter>
+					<Routes>
+						<Route path="/" element={<IndexPage />} />
+						<Route path="/mii/:id" element={<MiiPage />} />
+						<Route path="/profile">
+							<Route path=":id" element={<ProfilePage />} />
+							<Route path="settings" element={<ProfileSettingsPage />} />
+						</Route>
+						<Route path="/submit" element={<SubmitPage />} />
+						<Route path="/login" element={<LoginPage />} />
+						<Route path="/privacy" element={<PrivacyPage />} />
+						<Route path="/terms-of-service" element={<TermsOfServicePage />} />
+						<Route path="*" element={<NotFoundPage />} />
+					</Routes>
+				</BrowserRouter>
+			</main>
+			<Footer />
+		</Providers>
+	</StrictMode>,
+);