feat(v3): restructure project + add complete frontend

- Restructure: move backend from new_project/ to backend/
- Add full React/TypeScript frontend (37 pages, 17 services, 16 type defs, 11 query hooks)
- Add docs/ with SRS specs, user stories, and workflow documentation
- Update .gitignore for new directory layout

Workflows implemented:
  WF1 User Signup, WF2 Placement Test, WF3 Exam Configuration,
  WF4 General English Exam, WF5 Course Generation,
  WF6 Entity Student Onboarding, AI Course Generation,
  Adaptive Learning Engine UI, White-Label Branding, Score Release

Made-with: Cursor

frontend/src/pages/ExamsListPage.tsx

@@ -0,0 +1,76 @@
+import { useState } from "react";
+import { Card, CardContent } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+import { Search } from "lucide-react";
+import { useInstitutionalExamSessions } from "@/hooks/queries";
+
+export default function ExamsListPage() {
+  const [search, setSearch] = useState("");
+  const sessionsQ = useInstitutionalExamSessions();
+  const items = sessionsQ.data?.data ?? sessionsQ.data?.items ?? [];
+  const sessions = Array.isArray(items) ? items : [];
+
+  const q = search.toLowerCase();
+  const filtered = sessions.filter(s =>
+    s.name?.toLowerCase().includes(q) || s.course_name?.toLowerCase().includes(q),
+  );
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold tracking-tight">Exams List</h1>
+          <p className="text-muted-foreground">Browse and manage all exam sessions.</p>
+        </div>
+      </div>
+
+      <div className="relative max-w-sm">
+        <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+        <Input placeholder="Search exams..." className="pl-9" value={search} onChange={(e) => setSearch(e.target.value)} />
+      </div>
+
+      {sessionsQ.isLoading ? (
+        <div className="flex items-center justify-center min-h-[300px]"><div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary" /></div>
+      ) : (
+        <Card className="border-0 shadow-sm">
+          <CardContent className="p-0">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead>#</TableHead>
+                  <TableHead>Name</TableHead>
+                  <TableHead>Course</TableHead>
+                  <TableHead>Batch</TableHead>
+                  <TableHead>Start</TableHead>
+                  <TableHead>End</TableHead>
+                  <TableHead>State</TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {filtered.length === 0 && (
+                  <TableRow><TableCell colSpan={7} className="text-center text-muted-foreground py-8">No exam sessions found.</TableCell></TableRow>
+                )}
+                {filtered.map((s, i) => (
+                  <TableRow key={s.id}>
+                    <TableCell>{i + 1}</TableCell>
+                    <TableCell className="font-medium">{s.name}</TableCell>
+                    <TableCell>{s.course_name || "—"}</TableCell>
+                    <TableCell>{s.batch_name || "—"}</TableCell>
+                    <TableCell>{s.start_date || "—"}</TableCell>
+                    <TableCell>{s.end_date || "—"}</TableCell>
+                    <TableCell>
+                      <Badge variant={s.state === "done" ? "default" : s.state === "schedule" ? "secondary" : "outline"} className="capitalize">{s.state}</Badge>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </CardContent>
+        </Card>
+      )}
+    </div>
+  );
+}