Updates to Mux video, Card Profiles, Portal Adjustments, and Responsive Design Updates

[qisforq]

This PR merges a comprehensive series of updates from the dev branch into main, focusing on enhancing user interfaces, adding responsive design features, and improving overall application functionality. Key features include the introduction of card profiles, extensive navigation adjustments in the user portal, and a series of responsive design optimizations for various components.

Key Changes

• Card Profiles: Implemented new layout for card images, player information, and interactive elements, preparing for live data integration.
• Mux Video Fixes: Mux was fixed so that it uses the asset-id instead of the s3 bucket url.
• User Portal Enhancements:
  • Adjusted navigation to include new icons and optimized mobile responsiveness.
  • Introduced animations and improved toggle functionality across portal pages.
  • Streamlined UI elements such as dropdowns and navigation bars to enhance user experience.
• Responsive Design:
  • Enhanced responsiveness of cards and team containers to improve layout on various screen sizes.
  • Fixed responsive issues in match summaries and header components.
• UI Fixes and Improvements:
  • Uniform color schemes and alignment adjustments in charts.
  • New modal animations and UI adjustments for teammate cards.
  • General typographic and shadow enhancements across dark components.
• Technical Adjustments:
  • Resolved merge conflicts and linting issues to maintain code quality and consistency.
  • Transitioned video playback components from Next-video to MuxPlayer for enhanced performance and compatibility.

These updates aim to refine user interaction and ensure a seamless experience across devices. The integration of these changes into the main branch is a critical step toward our next production release.