Dashboard Not Responsive and Interactive Features Not Working

the dashboard page (/dashboard) has several issues that affect usability and user experience:

• Layout is not responsive on mobile and tablet devices
• Interactive elements (buttons, cards) may not be functioning properly
• Lacks proper theme support (no light/dark mode toggle like auth pages)
• Missing proper loading states and error handling
• No proper navigation between dashboard sections

Current Issues

1. Responsiveness Problems

• Dashboard navbar may overflow on mobile devices
• Welcome banner text truncation on small screens
• Quick access panel cards not stacking properly on mobile
• Legal categories grid not responsive
• Recent articles section layout breaks on tablet/mobile

2. Interactive Features

• "Request a Lawyer" button functionality
• "New Case" button functionality
• "My Cases", "Saved Articles", "Ask a Question" cards not clickable
• Legal category cards (Land Disputes, Family Matters, etc.) have no actions
• Theme toggle button (light/dark mode) missing
• Logout functionality may need improvement

1. Sidebar (Left)

This is your main navigation area.

✅ Suggested Sidebar Items:

Home – brings user to the main dashboard.

Explore Laws – opens the law categories page (the current one).

Connect to Lawyers – lets users find or message legal professionals.

Contact & Support – shows FAQs, contact form, or live chat.

User Profile – login/logout, saved laws, account info.

i have shared all the detail how the main page after login will look like first read and check all the details then tell me if you want to work on it