feat(frontends): added vite and docusorus into the games

frontend/src/routes/index.tsx

@@ -0,0 +1,58 @@
+import { createFileRoute } from "@tanstack/react-router";
+import {
+	Route as RouteIcon,
+	Server,
+	Shield,
+	Sparkles,
+	Waves,
+	Zap,
+} from "lucide-react";
+
+export const Route = createFileRoute("/")({ component: App });
+
+function App() {
+	const features = [
+		{
+			icon: <Zap className="w-12 h-12 text-cyan-400" />,
+			title: "Powerful Server Functions",
+			description:
+				"Write server-side code that seamlessly integrates with your client components. Type-safe, secure, and simple.",
+		},
+		{
+			icon: <Server className="w-12 h-12 text-cyan-400" />,
+			title: "Flexible Server Side Rendering",
+			description:
+				"Full-document SSR, streaming, and progressive enhancement out of the box. Control exactly what renders where.",
+		},
+		{
+			icon: <RouteIcon className="w-12 h-12 text-cyan-400" />,
+			title: "API Routes",
+			description:
+				"Build type-safe API endpoints alongside your application. No separate backend needed.",
+		},
+		{
+			icon: <Shield className="w-12 h-12 text-cyan-400" />,
+			title: "Strongly Typed Everything",
+			description:
+				"End-to-end type safety from server to client. Catch errors before they reach production.",
+		},
+		{
+			icon: <Waves className="w-12 h-12 text-cyan-400" />,
+			title: "Full Streaming Support",
+			description:
+				"Stream data from server to client progressively. Perfect for AI applications and real-time updates.",
+		},
+		{
+			icon: <Sparkles className="w-12 h-12 text-cyan-400" />,
+			title: "Next Generation Ready",
+			description:
+				"Built from the ground up for modern web applications. Deploy anywhere JavaScript runs.",
+		},
+	];
+
+	return (
+		<div className="min-h-screen bg-gradient-to-b from-slate-900 via-slate-800 to-slate-900">
+			<h1>Just a place for a guy to hang out</h1>
+		</div>
+	);
+}