feat(analytics): fish freshness trend analytics dashboard with custom SVG charting (#3)

[saidai-bhuvanesh]

🔗 Upstream Issue Connection

Closes #155

This Pull Request is officially linked to and resolves Issue #155 (Feature 3: Fish Freshness Trend Analytics Dashboard) in the upstream repository.

Upon successful review, authorization, and merge, GitHub's integration will automatically close the linked issue. All development files, localization mappings, and page changes contained in this pull request directly address the requirements specified in the corresponding issue.

---

What changes are made?

1. Custom SVG Charting Engine (src/components/AnalyticsTrends.tsx): Developed a lightweight, highly responsive SVG charting component to graph daily and weekly trends.
2. Analytics Tab Integration: Incorporated a switchable tab layout inside src/pages/AnalysisDashboard.tsx to toggle between reports and trends.
3. Backend Aggregate Routes (backend/main.py): Added an analytics endpoint mapping daily metrics, vendor ratings, and regional freshness benchmarks.
4. Multi-Language Support: Complete translations for daily averages, vendor comparisons, and charts in English, Hindi, and Bengali.

Technical Depth and Verification

This implementation provides a clean charting solution without relying on heavy external dependencies. We computed dynamic SVG paths for trends and regional averages, calculating scaling bounds to fit within viewport layouts. The tooltips are rendered on hover using absolute positions mapped to SVG coordinate transforms, maintaining high performance on mobile devices.

Tested by verifying chart plotting for multiple mock scan records. The trends correctly reflect daily freshness variations and update immediately when different locale settings (English, Hindi, Bengali) are toggled.

[vercel]

Someone is attempting to deploy a commit to the karan3431's projects Team on Vercel.

A member of the Team first needs to authorize it.

[coderabbitai]

Warning

Review limit reached

@saidai-bhuvanesh, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 59 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro Plus

Run ID: 8a349dad-ad5c-4ace-90cf-fd1afb855f48

📥 Commits

Reviewing files that changed from the base of the PR and between 97c6f33 and 853dc43.

📒 Files selected for processing (10)

• backend/main.py
• src/components/AnalyticsTrends.tsx
• src/fusionInference.js
• src/i18n/locales/bn.json
• src/i18n/locales/en.json
• src/i18n/locales/hi.json
• src/lib/api.ts
• src/lib/offlineDb.ts
• src/pages/AnalysisDashboard.tsx
• src/pages/ScannerPage.tsx

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[github-actions]

⚠️ No linked issue found!
This PR cannot be reviewed until a related issue is linked.
Please add Closes #issue_number in your PR description.