Refactor gallery page to dynamically load product data using the Fetch API. This addresses
a SyntaxError from incorrect script loading and updates the page to handle a new
flattened data structure.
- Replaced hardcoded product data with the Fetch API in `gallery-carousel.js`.
- Updated selectors and logic to handle the new data structure.
- Removed conflicting CSS rules for product cards.
- Shortened all `longDescription` fields to 175 characters or less.
- Widened the focused product card for better visibility without vertical scrolling.
- Reduced vertical spacing between elements in product cards (title, description, price, button).
Feat: Refactor index.njk to be data-driven and fix related rendering issues.
Fix: Resolve layout and functionality bugs, including broken JavaScript for the featured item carousel, layout shifts in category navigation, and CSS issues with the testimonial carousel.
Refactor: Centralize global styles using CSS custom property variables and clean up redundant CSS rules.