feat(ui): implement dashboard, security settings, and update auth styling

[JoeX17]

Description

This PR addresses a package of frontend updates, bringing the main dashboard, user settings, and authentication flows into alignment with our current feature requirements and the new gray design system.

Changes Made

1. Dashboard Implementation (#473)

• frontend/app/dashboard/DashboardContent.tsx: Created a client-side component to handle parallel data fetching for stats and activity. Implemented role-based rendering (Admin tabs vs Regular User layouts) alongside structured skeleton loaders and error handling.
• frontend/app/dashboard/page.tsx: Refactored to act as a Server Component, preserving SEO capabilities via buildMetadata() while securely wrapping the new client dashboard.

2. Settings Page Security Section (#478)

• frontend/app/settings/page.tsx: Implemented the Security Settings form utilizing zod for advanced conditional validation (checking minimum length, requiring current password, and confirming password matches).
• Connected the PATCH /users/:id endpoint using the auth store user ID.
• Added a functional UI-state switch for the Two-Factor Authentication (2FA) toggle.

3. Forgot Password Form Styling (#486)

• frontend/components/auth/forgot-password-form.tsx: Conducted a thorough sweep of the component to replace all legacy blue color classes (buttons, backgrounds, borders, rings, info boxes, and text) with the new gray design system (bg-gray-900, gray-50, etc.). All core functional logic (OTP management, form progression) remains completely untouched.

Linked Issues

Closes #473
Closes #478
Closes #486

[vercel]

@JoeX17 is attempting to deploy a commit to the naijabuz's projects Team on Vercel.

A member of the Team first needs to authorize it.