chore: Initial commit of Opencord base state

packages/web/src/App.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Routes, Route, Navigate } from 'react-router-dom';
+import { LoginPage } from './components/auth/LoginPage';
+import { RegisterPage } from './components/auth/RegisterPage';
+import { AppLayout } from './components/layout/AppLayout';
+import { useAuthStore } from './stores/authStore';
+
+function ProtectedRoute({ children }: { children: React.ReactNode }) {
+  const token = useAuthStore((s) => s.token);
+  if (!token) return <Navigate to="/login" replace />;
+  return <>{children}</>;
+}
+
+function AuthRedirect({ children }: { children: React.ReactNode }) {
+  const token = useAuthStore((s) => s.token);
+  if (token) return <Navigate to="/channels/@me" replace />;
+  return <>{children}</>;
+}
+
+export function App() {
+  return (
+    <Routes>
+      <Route
+        path="/login"
+        element={
+          <AuthRedirect>
+            <LoginPage />
+          </AuthRedirect>
+        }
+      />
+      <Route
+        path="/register"
+        element={
+          <AuthRedirect>
+            <RegisterPage />
+          </AuthRedirect>
+        }
+      />
+      <Route
+        path="/channels/:serverId/:channelId?"
+        element={
+          <ProtectedRoute>
+            <AppLayout />
+          </ProtectedRoute>
+        }
+      />
+      <Route path="/" element={<Navigate to="/channels/@me" replace />} />
+      <Route path="*" element={<Navigate to="/channels/@me" replace />} />
+    </Routes>
+  );
+}