Convert 5 page components from class to functional components using React hooks

[devin-ai-integration]

Convert 5 page components from class to functional components using React hooks

Summary

This PR converts all 6 page components (Home, Furniture, Jewelry, ArtDecor, Collectibles, About) from React class components to functional components using React hooks. The key changes include:

• State management: Replaced constructor state with useState hooks for product arrays and team members
• Props handling: Updated to destructure props in function parameters instead of this.props
• Event handlers: Added useCallback optimization for navigation handlers in Home component
• Code reduction: Eliminated 49 lines of boilerplate code while maintaining identical functionality

All components maintain their exact same props interface to ensure seamless integration with the App component. The conversion follows React hooks best practices with proper dependency arrays and performance optimizations.

Review & Testing Checklist for Human

Please verify the following 4 critical areas:

• End-to-end cart functionality: Add items to cart from different category pages, verify cart count updates correctly, and ensure items persist when navigating between pages
• Navigation flow: Test navigation to all 6 pages (Home, Furniture, Jewelry, Art & Decor, Collectibles, About) and verify all content renders correctly without console errors
• Product displays: Confirm all product cards render properly with images, prices, and "Add to Cart" buttons functional across all category pages
• Browser console: Check for any React warnings, hook dependency warnings, or JavaScript errors during normal usage

Recommended Test Plan

1. Start the app with npm start
2. Navigate through all pages using the header navigation
3. Add multiple items to cart from different category pages
4. Verify cart counter updates and items persist across navigation
5. Check browser console for any warnings or errors

Notes

• Local testing completed successfully with cart functionality and navigation verified
• ESLint passes with no warnings or errors
• All converted components use identical props interface as original class components
• useCallback optimization added to Home component navigation handlers for performance

Link to Devin run: https://app.devin.ai/sessions/98488fbb37bd43b7b956513bf035bf4b
Requested by: @rohan-ramani

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring