feat(nav): implement tab-based navigation system

src/pages/student/Profile.tsx

@@ -0,0 +1,26 @@
+import { useAuthStore } from "../../stores/authStore";
+
+export const Profile = () => {
+  const user = useAuthStore((state) => state.user);
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        <div className="bg-white rounded-lg shadow p-6">
+          <h2 className="text-2xl font-bold text-gray-800 mb-4">Profile</h2>
+          <div className="space-y-2 text-gray-600">
+            <p>Email: {user?.email}</p>
+            <p>Role: {user?.role}</p>
+            <p>Status: {user?.status}</p>
+            <p>
+              Member since:{" "}
+              {user?.joined_at
+                ? new Date(user.joined_at).toLocaleDateString()
+                : "N/A"}
+            </p>
+          </div>
+        </div>
+      </main>
+    </div>
+  );
+};