Praneeth Ashish requested to merge develop into main Mar 28, 2026

MR Title

Refine Dashboard Layout and Dark Theme for Better Desktop and Mobile UX

MR Description

Summary

This merge request improves the overall dashboard presentation with a focus on professional visual quality, responsive layout behavior, and a cleaner dark theme experience.

What Changed

Reworked the theme token palette to improve dark mode readability and visual hierarchy.
Tuned dark-mode surfaces, borders, and active states to avoid flat or overly harsh contrast.
Improved desktop space usage by making main layout containers and grids more fluid.
Reduced unnecessary blank space in key dashboard sections.
Refined responsive breakpoints and panel spacing for better mobile usability.
Fixed mobile profile dropdown overflow so the user menu stays within viewport bounds.

Scope

UI and layout changes only.
No business-logic or feature behavior changes.

Validation

Build passed: npm run build
Coverage/tests passed: npm run test:coverage

Impact

Better visual consistency across light and dark themes.
Stronger readability in dark mode.
Improved density and usability on both desktop and mobile screens.

Notes for Reviewers

Please verify both themes manually on desktop and a narrow mobile viewport.
Focus review on spacing, contrast, and responsive behavior in dashboard pages.

Chore: Refine Dashboard Layout and Dark Theme for Better Desktop and Mobile UX