feat(oreel-web): implement product listing, category & search with filters

[oreoluwa648]

Pull Request: Product Listing (Category + Search) with Filters

Branch: feature/Product-Listing-Category-and-Search-with-Filters
Related Issue: #6

Description

Implements product listing experience for oreel-web including category pages, search results, and client‑side filtering. Product data is fetched from a new server API route (/api/products) using Next.js App Router. Users can filter by price range, brand, and rating with URL‑driven state (shareable and back‑button friendly). Includes pagination, skeleton loaders, and empty states.

Changes Made

• API route – app/api/products/route.ts provides product data with query support (category, search, min/max price, brands, rating, pagination).
• Category pages – app/category/[slug]/page.tsx displays paginated product grid for each category.
• Search page – app/(shop)/search/page.tsx supports ?q= parameter with same grid and persistent search term.
• Filtering – components/filters/Filters.tsx (price slider, brand checkboxes, rating filter) with URL sync.
• Product components – ProductCard, ProductList for reusable product display.
• Mock data – Extended mock-products.ts with categories, brands, ratings, and reviews.

Verification

• Category pages show products with image, name, brand, price, rating, and pagination.
• Search page reads ?q= param and returns matching products.
• Filters update URL params and product list without page reload.
• Skeleton loaders appear during fetch; “No products found” message when empty.
• Filter controls are keyboard accessible.

Closes #6