Phase 6 - Kitchen Inventory Management: Implement Dashboard with alerts and inventory cards

[Vikas-8055]

Description

(D)(PRIORITY High) Bhanu Anish: Phase 6 - Kitchen Inventory Management - Implement alerts and Cards to display stock, harvest and inventory data.

URL: /kitchenandinventory/dashboard

Main changes explained:

• Created Kitchen Inventory Dashboard at /kitchenandinventory/dashboard
• Low Stock Alerts displaying items running low with remaining days (Olive Oil — 2 days, Rice — 3 days)
• Harvest Upcoming Alerts showing crops ready for harvest with estimated yield (Tomatoes in 3 days at 25 lbs, Lettuce in 5 days at 10 lbs)
• Seasonal Recommendation Alert with contextual suggestions
• 4 Metric Cards: Total Ingredients (247), Onsite Grown (89, 36% of total), Upcoming Meals (28, next 7 days), Pending Orders (3, $1,247 total)
• Priority Ingredients badge in dashboard header
• Full dark mode support with corrected alert card styling
• Responsive design for laptop and tablet
• CSS modules for scoped styling
• Earth-tone color palette matching One Community branding
• Registered component route in routes.jsx

How to test:

1. Check into current branch
2. Do npm install and npm start to run this PR locally
3. Clear site data/cache
4. Log as admin user
5. Navigate to /kitchenandinventory/dashboard
6. Verify 3 alert types render correctly with icons and descriptions
7. Verify 4 metric cards display data
8. Toggle dark mode — verify all alerts and cards are readable
9. Resize browser to tablet width — verify responsive layout

Note:

Frontend implementation with mock data. Backend integration will follow in a separate PR.

[netlify]

❌ Deploy Preview for highestgoodnetwork-dev failed.

Name	Link
🔨 Latest commit	0aac87f
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69d2fc337502ac0008af06b5

[sonarqubecloud]

Quality Gate passed

Issues
10 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud