feat(ui): Collaboration Hub

[Saahi30]

---

Closes #95

📝 Description

This pull request implements the entire frontend for the AI Creator Collaboration Hub.
It provides a modern, interactive UI for creator matching, active collaborations, and collaboration requests, enabling users to discover, manage, and track creator partnerships efficiently.

🔧 Changes Made(more to follow)

• AI Matches Tab:
  • Built a responsive UI for AI-powered creator matching, including:
    • Match cards with avatars, match percentage, audience stats, and “Why you match” explanations.
    • Real-time filters for niche, audience size, type, and location.
    • Pagination and “View More Recommendations” functionality.
    • Modals for viewing creator profiles and sending connection requests, with AI-generated suggestions.
• Active Collabs Tab:
  • Added a dashboard for ongoing collaborations, featuring:
    • Cards with collaborator info, collab title, status, start/due dates.
    • Progress bars for timeline and deliverables.
    • Countdown to due date and overdue highlighting.
    • Last activity and latest update summary.
    • Action buttons for details, messaging, and marking complete.
    • Filtering and sorting options.
• General Collaboration Hub UI:
  • Integrated all components into the dashboard’s Collaborations tab.
  • Used mock data for all lists and cards (to be replaced by backend logic later).
• UI/UX:
  • Modern, accessible, and responsive design.
  • Consistent use of badges, progress bars, and color coding for status and progress.

📷 Screenshots or Visual Changes

✅ Checklist

• I have read the contributing guidelines.
• Any dependent changes have been merged and published in downstream modules.

---

Summary by CodeRabbit

• New Features

  • Introduced detailed collaboration cards with progress bars, status badges, and action buttons.
  • Added modals for connecting with collaborators, viewing profiles, and creating new collaboration requests.
  • Implemented grids with filtering, sorting, and pagination for active collaborations and creator matches.
  • Launched a comprehensive Collaboration Details page featuring tabs for overview, messages, deliverables, and timeline.
  • Added AI-powered creator search modal and multi-step collaboration request modal.
  • Introduced collaboration requests list with AI insights and action buttons to accept, deny, message, or email.
  • Integrated mock data sets for collaborations, profiles, and match reasons to support demos.
  • Enabled a new protected route for accessing individual collaboration details by ID.
  • Enhanced Collaborations page with interactive tabs for AI matches, active collaborations, and requests.
  • Embedded Collaborations experience into Dashboard, replacing placeholders.

• Enhancements

  • Improved filter state management and UI controls on the Collaborations page.
  • Added message style selection and custom style input in collaboration messaging interface.
  • Implemented focus trapping and accessibility improvements in modal dialogs.
  • Added quick action buttons and project stats components for streamlined collaboration management.