fix: make admin panel responsive

[AmzBG]

Description

• Make the super-admin dashboard, accounts, projects, and audit-log pages responsive across mobile, tablet, and desktop layouts.
• Replace desktop-only table presentation with mobile-friendly cards where appropriate while preserving full desktop data tables.
• Reflow metrics, filters, pagination, status indicators, and moderation actions to prevent horizontal overflow on narrow screens.
• Adjust the authenticated and admin layouts so the navigation and main content can shrink correctly.
• Improve shared admin UI and top-navbar sizing for small viewports.

Link to issue or ticket

• Upstream change: fix: make admin panel responsive chrisshaddad/bootcamp-starter#238

Steps to QA

1. Sign in as a super admin and open /admin at mobile, tablet, and desktop viewport widths.
2. Verify dashboard metrics and activity content wrap without horizontal scrolling or clipped values.
3. Open /admin/accounts, exercise search and status filters, and verify account details and actions remain usable on mobile.
4. Open /admin/projects, exercise its filters and moderation actions, and verify both mobile cards and the desktop table show the same essential information.
5. Open /admin/logs and verify log metadata, filters, and pagination remain readable and usable on narrow screens.
6. Confirm the admin navigation and top navbar fit small viewports and the main content can shrink without overflowing.
7. Repeat the flows on desktop and confirm the existing table-based layouts and actions remain intact.

Validation completed:

• npm test --workspace=api -- --runInBand — 26 suites and 129 tests passed
• npx turbo run lint
• npx turbo run check-types
• npm run format:check
• npm run build --workspace=web

Screenshots

• N/A