UI improvements: responsive footer layout and dark mode UserButton fixes

[Shivansh-hub495]

UI/UX Improvements

Changes Made:

• Responsive Footer Layout: Updated footer to display Product and Support links side-by-side on mobile devices for better space utilization
• Dark Mode Fix: Fixed text color issues in Clerk UserButton popup/dropdown in dark mode

Technical Details:

Footer Component (frontend/src/components/layout/Footer.jsx)

• Restructured Product and Support sections to use a 2-column grid layout on mobile
• Maintained existing desktop layout while improving mobile responsiveness
• Better space utilization on smaller screens

Dark Mode Styling (frontend/src/index.css)

• Added specific CSS rules for Clerk UserButton popup in dark mode
• Fixed text color visibility issues in user dropdown menu
• Ensured proper contrast for user info and action buttons

Benefits:

• Better mobile user experience with optimized footer layout
• Improved accessibility in dark mode
• Consistent UI styling across all themes
• No breaking changes to existing functionality

Testing:

• Tested on mobile viewport
• Verified dark/light mode switching
• Confirmed UserButton popup visibility

[vercel]

@Shivansh-hub495 is attempting to deploy a commit to the aniruddhagayki0-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.