[FEAT] Add Legal Rights Learning Hub for Citizen Awareness (#411)

[nandani-singh15]

Description

Closes #411

Summary

This PR adds a new Legal Rights Learning Hub feature to improve citizen awareness about basic legal rights and legal procedures through an accessible and beginner-friendly interface.

Changes Made

• Added a dedicated Legal Rights Learning Hub page

• Added legal awareness categories:

  • Women Rights
  • Cyber Safety
  • Consumer Rights
  • FIR Filing Guide

• Created reusable components for displaying legal information

• Implemented search/filter functionality for legal topics

• Added detailed content views for each category

• Integrated the feature into application routing

• Added navigation menu support for easy access

• Maintained consistency with the existing project styling system using CSS variables and existing design patterns

Files Added

• src/data/legalRightsData.js
• src/components/legal-rights/LegalCard.jsx
• src/components/legal-rights/SearchBar.jsx
• src/components/legal-rights/CategoryDetails.jsx
• src/pages/LegalRightsHub.jsx

Files Modified

• src/App.jsx
• src/components/landing/Header.jsx

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[vercel]

@nandani-singh15 is attempting to deploy a commit to the CodeBlooded's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Hi @nandani-singh15, thanks for contributing to Nyay Setu! 🎉

I have automatically:

• 👤 Assigned this PR to you.
• 🏷️ Applied the gssoc:approved label.

Our workflows will now analyze your changes to classify:

• 📈 PR Difficulty: level:*
• 🧩 PR Type: type:*
• 🌟 PR Quality: quality:*

Tip

Ensure your PR description references the issue it resolves (e.g. Closes #123). This allows the bot to inherit any additional labels from that issue!

Happy coding! 🚀

[nandani-singh15]

@viru0909-dev kindly review and merge this pr

[viru0909-dev]

⚠️ Minor Tweaks Required

The Legal Rights Hub feature looks fantastic! Great layout and clean architecture. Just a couple of minor things before we can merge:

1. i18n Support: In Header.jsx, the navigation link is hardcoded as { labelKey: 'Legal Rights', href: '/legal-rights', isRoute: true }. Please add a translation key to the i18n JSON files (e.g., header.nav.legalRights) and use it here so the label translates properly.
2. Remove Placeholder Alert: In CategoryDetails.jsx, the share button triggers alert('Share feature coming soon!'). Please remove the native alert() and use the application's Toast notification system instead, or temporarily hide the share button if it's not ready.

Once these are updated, ping me and I'll approve!

[viru0909-dev]

PR has merge conflicts in App.jsx. Please resolve them.

[GonuDvc]

Tested locally and it works. Consider extracting the retry logic into a shared utility — we have similar code in the auth module.