Mobile responsive header (and footer)

[Yasoop]

Description

Created a mobile-responsive header and footer. Added a nav menu for the mobile header. Also moved header components to a separate header folder.

Motivation and Context

Mobile responsiveness was not in the header and footer before.

Closes #204

How has this been tested?

Resized the window in all pages and clicked the mobile nav button.

Screenshots (if appropriate):

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• [x ] New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Database migration
  • Ran pnpm db:generate and verified generated SQL migration files in packages/db/drizzle

Checklist:

• [x ] My code follows the code style of this project.
• [x ] I have moved the ticket to "In Review"
• [ x] I have added reviewers to this PR
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have added tests to cover my changes.
• All new and existing tests passed.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
cooper	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 13, 2025 5:56pm

2 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
cooper-auth	⬜️ Skipped (Inspect)			Apr 13, 2025 5:56pm
cooper-docs	⬜️ Skipped (Inspect)			Apr 13, 2025 5:56pm

[RishikeshNK]

blind approve

[banushi-a]

looks good to me