fix(deploy): configure base path and assets for subdirectory deployment

[LuisMLGDev]

🎯 Purpose

Fixes the white screen issue and broken images when deploying the application to GitHub Pages in a subdirectory (/test-abb/).

🛠️ Changes

1. Routing Configuration

• Vite: Set base to /test-abb/ in vite.config.ts to ensure assets are served from the correct relative path.
• React Router: Added basename="/test-abb" to BrowserRouter in main.tsx so client-side routing respects the subdirectory.

2. Asset Management

• Image Paths: Moved static images (banner.jpg, hero.png, etc.) from public/ to src/assets/.
• Imports: Refactored components (Banner, Cart, HeroSection) to import images directly. This allows Vite to process them and generate correct hashed URLs during build, resolving the 404 errors on production.

✅ Verification

• Verified locally with yarn build + yarn preview, confirming that the application loads correctly at http://localhost:xxxx/test-abb/ and images are visible.