Mahitha - Implement Kitchen & Inventory Dashboard Alerts and Metrics

[Mahitha-pasupuleti]

Description

Implements the frontend dashboard for Phase 6 - Kitchen Inventory Management, including inventory metrics, low-stock alerts, and upcoming harvest information.

Implements # (WBS): Phase 6 - Kitchen Inventory Management

Related PRS (if any):

This frontend PR is related to the backend Kitchen & Inventory Management PR. Backend integration is not included in this PR.

Main changes explained:

• Create KIDashboard.jsx for the Kitchen & Inventory Dashboard.
• Create KIDashboard.module.css for responsive and dark-mode styling.
• Add four metric cards for ingredients, onsite-grown items, upcoming meals, and pending orders.
• Add low-stock and upcoming harvest alerts.
• Add priority ingredients indicator to the dashboard header.
• Add /kitchenandinventory/dashboard route.

How to test:

1. Checkout the current branch.
2. Run npm install and start the frontend.
3. Navigate to /kitchenandinventory/dashboard.
4. Verify the metric cards, low-stock alerts, upcoming harvests, and priority indicator.
5. Test the dashboard in responsive screen sizes.
6. Verify the dashboard in dark mode.

Screenshots or videos of changes:

Card.Display.mov

Note:

This PR is frontend-only and currently uses mock data.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	c7b2933
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a9af95920cc6d0009162cce
😎 Deploy Preview	https://deploy-preview-5505--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 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

[iAbhi001]

Thanks for working on this @Mahitha-pasupuleti! Tested this branch locally on dark mode:

• Route /kitchenandinventory/dashboard renders without console errors.
• Metric cards, Low Stock alerts, and Upcoming Harvest sections load properly with mock data.

A couple of items need to be addressed before approval:

1. Missing Priority Indicator & Subtitle: The PR description and commit mention adding a dashboard header subtitle and a priority ingredients indicator, but neither is appearing on the page.
2. Layout Hierarchy: Could you confirm with the Figma design whether the 4 metric cards should be placed at the top of the dashboard above the alerts, or if the current bottom placement is intended?