Init first files

frontend/src/App.jsx

@@ -0,0 +1,63 @@
+import React from "react";
+import { Link, Navigate, Route, Routes, useLocation } from "react-router-dom";
+import { useAuth } from "./state";
+import { LoginPage } from "./pages/LoginPage";
+import { DashboardPage } from "./pages/DashboardPage";
+import { TargetsPage } from "./pages/TargetsPage";
+import { TargetDetailPage } from "./pages/TargetDetailPage";
+import { QueryInsightsPage } from "./pages/QueryInsightsPage";
+import { AdminUsersPage } from "./pages/AdminUsersPage";
+
+function Protected({ children }) {
+  const { tokens } = useAuth();
+  const location = useLocation();
+  if (!tokens?.accessToken) return <Navigate to="/login" state={{ from: location.pathname }} replace />;
+  return children;
+}
+
+function Layout({ children }) {
+  const { me, logout } = useAuth();
+  return (
+    <div className="shell">
+      <aside className="sidebar">
+        <h1>NexaPG</h1>
+        <nav>
+          <Link to="/">Dashboard</Link>
+          <Link to="/targets">Targets</Link>
+          <Link to="/query-insights">Query Insights</Link>
+          {me?.role === "admin" && <Link to="/admin/users">Admin</Link>}
+        </nav>
+        <div className="profile">
+          <div>{me?.email}</div>
+          <div className="role">{me?.role}</div>
+          <button onClick={logout}>Logout</button>
+        </div>
+      </aside>
+      <main className="main">{children}</main>
+    </div>
+  );
+}
+
+export function App() {
+  return (
+    <Routes>
+      <Route path="/login" element={<LoginPage />} />
+      <Route
+        path="*"
+        element={
+          <Protected>
+            <Layout>
+              <Routes>
+                <Route path="/" element={<DashboardPage />} />
+                <Route path="/targets" element={<TargetsPage />} />
+                <Route path="/targets/:id" element={<TargetDetailPage />} />
+                <Route path="/query-insights" element={<QueryInsightsPage />} />
+                <Route path="/admin/users" element={<AdminUsersPage />} />
+              </Routes>
+            </Layout>
+          </Protected>
+        }
+      />
+    </Routes>
+  );
+}