Fix 51

[JenniferIze]

🧱 Implement Responsive Dashboard Page with Layout, Navbar, and Sidebar Components

This closes #51

Summary:
This PR implements the Dashboard page following the provided Figma design. It includes a reusable layout system composed of separate Navbar and Sidebar components, ensuring modularity and responsiveness across devices.

Key Features:

• ✅ Built the Dashboard page as per Figma specs
• ✅ Created separate, reusable components for Navbar and Sidebar
• ✅ Introduced a Layout component to manage structural composition
• ✅ Added responsive design support for both desktop and mobile
• ✅ Applied background styling via dedicated CSS module

Technical Highlights:

• Utilized Next.js framework with adherence to project structure and conventions
• Structured components into layout/ and dashboard-components/ folders for maintainability
• CSS classes and layout techniques optimized for flexible screen sizes
• Codebase passes linting and is CI-compliant

Next Steps / Notes:

• Components are now ready for integration across other dashboard pages
• Future enhancements (e.g., active route highlighting, collapsible sidebar) can be built on top of this layout

[Otaiki1]

Thanks for your contribution!. Approved!!