refactor: update component styles and structure for improved consistency and responsiveness

[AparAgarwal]

This pull request focuses on improving the visual consistency and responsiveness of the product listing and related sections. The changes modernize typography, spacing, and layout for better usability and alignment across devices, while also refining component props and removing unused CSS.

Key changes include:

UI/UX and Layout Improvements

• Updated section headings across components (CollectionSection, SupplementForGoalsSection, WhyChoose, RecentlyViewed) to use consistent styles, colors, and markup, and removed old heading-specific CSS in favor of utility classes.
• Improved grid and spacing for product and recently viewed sections to ensure better responsiveness and tighter layouts, especially on mobile.

Product Card and Grid Enhancements

• Refined ProductCard image container to use object-cover, absolute positioning, and consistent aspect ratio, improving image presentation and responsiveness.

Sorting and Filtering Toolbar

• Enhanced SortDropdown to accept a className prop, improved button and dropdown responsiveness, and made the label truncation and layout more mobile-friendly.

Code and CSS Cleanup

• Removed unused CSS for old heading styles and text outline utilities, consolidating to utility-first and component-based styling.

These updates collectively improve the user interface, ensure consistency across sections, and simplify the codebase for future enhancements.

[AparAgarwal]

@Alexandrbig1, please review the recent changes when you have a moment. I've made several styling adjustments to ensure visual consistency across components, and I've also implemented responsive design improvements on the product page to enhance usability on different screen sizes.

[Alexandrbig1]

Thank you for your contribution, and congrats on your PR being approved!
We’re excited to have your work as part of Open Code Chicago’s Hacktoberfest 2025 project.

[Alexandrbig1]

@AparAgarwal, great work! Apar, may I ask you for a few minor issues, please:

• to add a mark on the default 'Feature' filter;
• Add a cursor pointer when hovering over the 'All Filters' and 'Sort' tabs, please.

[Alexandrbig1]

@AparAgarwal, also, you can ask the all-contributor bot to add you bugs label as well.

[AparAgarwal]

@all-contributors please add @AparAgarwal for bug

[allcontributors]

@AparAgarwal

I've put up a pull request to add @AparAgarwal! 🎉