feat(dashboard): improve layout consistency and visual hierarchy

[Meera2906]

Summary

Fixes #1547 by redesigning and restructuring the dashboard layout to improve alignment, spacing, visual hierarchy, and overall user experience.

Changes Made

Dashboard Layout Improvements

• Improved responsive grid layouts across dashboard sections
• Added clearer section headers and descriptions
• Standardized spacing and alignment throughout the dashboard
• Improved content organization for better navigation

Visual Hierarchy Enhancements

• Increased heading prominence with improved typography
• Added visual section accents to improve content separation
• Refined card layouts for better readability and focus
• Improved consistency across dashboard components

UI Consistency

• Standardized card padding and spacing
• Unified button styles and component sizing
• Improved shadow usage and visual balance
• Maintained a consistent design language throughout the interface

Interactive Improvements

• Enhanced hover states and transition effects
• Improved drag-and-drop visual feedback
• Added clearer active and focus states
• Improved hidden widget management experience

Responsive Design

• Optimized layouts for mobile devices
• Improved tablet responsiveness
• Enhanced desktop dashboard organization

Files Updated

• CustomizableDashboard.tsx
• DashboardLayoutToolbar.tsx
• SortableDashboardWidget.tsx
• src/app/dashboard/page.tsx

Acceptance Criteria Checklist

• Dashboard sections have consistent alignment and spacing
• Repeated or duplicate feature areas have been consolidated
• UI layout is cleaner and easier to navigate
• Typography, padding, and card sizing are visually consistent
• Interactive elements include improved hover and active states
• Dashboard appearance feels more modern and less cluttered

Testing

• Verified dashboard rendering
• Verified responsive behavior across screen sizes
• Verified hover and interaction states
• Ran lint checks
• Ran type checks

Closes #1547

[vercel]

@Meera2906 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

• level:beginner — 20 pts
• level:intermediate — 35 pts
• level:advanced — 55 pts
• level:critical — 80 pts

Quality (optional):

• quality:clean — ×1.2 multiplier
• quality:exceptional — ×1.5 multiplier

Validation (required to score):

• gssoc:approved — counts for points
• gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

[Priyanshu-byte-coder]

This PR now has merge conflicts after recent dashboard changes were merged. Please rebase on main:

git fetch origin
git rebase origin/main