BSL-8: Admin Applications List Page

app/admin/applications/page.tsx

@@ -0,0 +1,58 @@
+export default function ApplicationsPage() {
+    const applications = [
+      {
+        id: 1,
+        name: "Jane Doe",
+        email: "jane@example.com",
+        role: "Frontend Engineer",
+        status: "Pending",
+      },
+      {
+        id: 2,
+        name: "John Smith",
+        email: "john@example.com",
+        role: "Backend Engineer",
+        status: "Accepted",
+      },
+      {
+        id: 3,
+        name: "Alice Johnson",
+        email: "alice@example.com",
+        role: "Product Designer",
+        status: "Rejected",
+      },
+    ];
+
+    return (
+      <div className="p-6">
+        <h1 className="text-2xl font-semibold mb-4">
+          Applications
+        </h1>
+
+        <div className="overflow-x-auto">
+          <table className="min-w-full border border-gray-200">
+            <thead className="bg-gray-100">
+              <tr>
+                <th className="px-4 py-2 border">Name</th>
+                <th className="px-4 py-2 border">Email</th>
+                <th className="px-4 py-2 border">Role</th>
+                <th className="px-4 py-2 border">Status</th>
+              </tr>
+            </thead>
+
+            <tbody>
+              {applications.map((app) => (
+                <tr key={app.id} className="text-center">
+                  <td className="px-4 py-2 border">{app.name}</td>
+                  <td className="px-4 py-2 border">{app.email}</td>
+                  <td className="px-4 py-2 border">{app.role}</td>
+                  <td className="px-4 py-2 border">{app.status}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    );
+  }
+

app/admin/layout.tsx

@@ -0,0 +1,6 @@
+import React from "react";
+import AdminLayout from "@/components/admin/AdminLayout";
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return <AdminLayout>{children}</AdminLayout>;
+}

app/admin/page.tsx

@@ -0,0 +1,11 @@
+export default function AdminPage() {
+    return (
+      <div>
+        <h1 className="text-2xl font-semibold">Admin Dashboard</h1>
+        <p className="mt-2 text-gray-600">
+          Base admin layout shell is working & No auth yet.
+        </p>
+      </div>
+    );
+  }
+

components/admin/AdminLayout.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+
+export default function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="min-h-screen flex">
+      {/* Sidebar placeholder */}
+      <aside className="w-64 border-r p-4">
+        <div className="text-lg font-semibold">BSL Admin</div>
+        <div className="mt-4 text-sm text-gray-500">Sidebar placeholder</div>
+      </aside>
+
+      {/* Content area */}
+      <main className="flex-1 p-6">{children}</main>
+    </div>
+  );
+}

package.json

@@ -24,8 +24,8 @@
         "mongoose": "^8.9.0",
         "next": "^15.0.3",
         "playwright": "^1.49.0",
-        "react": "19.0.0-rc-66855b96-20241106",
-        "react-dom": "19.0.0-rc-66855b96-20241106",
+        "react": "^19.0.0-rc-66855b96-20241106",
+        "react-dom": "^19.0.0-rc-66855b96-20241106",
         "tailwind-merge": "^2.5.5",
         "zod": "^4.1.12"
     },