[WIP] Integrate Apify E-commerce scraper for real product data

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

Integrate Apify E-Commerce Scraper to replace the mock product data with real e-commerce data.

When a user enters a search query in the SearchBar and clicks Submit, use that query to call the Apify E-Commerce Scraping Tool (apify/e-commerce-scraping-tool). Display the scraped results in the Statistics Cards, Product Table, and Product Cards instead of mock data.

How to do it

1. Examine the webapp structure and how mock data currently flows to the components
2. Check the Apify Actor details to understand its input/output schema
3. Set up the apify-client package and create a service to call the Actor with the search query
4. Parse the scraped data and map it to the Product type
5. Update the components to fetch from the Actor instead of mock data
6. Add error handling and loading states
7. Update the README with APIFY_TOKEN setup instructions

Key points

• The search query from SearchBar should be the input for the Actor
• Handle errors gracefully and show appropriate messages
• Keep APIFY_TOKEN in environment variables
• Test locally with a real search before submitting

Start by exploring the current webapp structure and the Actor's input/output.

Custom agent used: apify-integration-expert
Expert agent for integrating Apify Actors into codebases. Handles Actor selection, workflow design, implementation across JavaScript/TypeScript and Python, testing, and production-ready deployment.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.