Feature/improved UI dark themed Ui

[Priyanshu2004-Singh]

Modern UI Enhancements

This PR introduces several UI improvements to enhance the visual appeal and user experience of the application.

Changes Made

Navbar Improvements

• Added glassmorphism effect on scroll with smooth transitions
• Enhanced backdrop blur and transparency for a modern look
• Improved mobile responsiveness with better contrast
• Added subtle shadow layering for depth

Card Layout & Design

• Implemented responsive 3x3 grid layout
• Limited to 6 cards per page for better readability
• Added subtle hover animations and transitions
• Improved card spacing and padding
• Enhanced card shadows and borders

Color System

• Introduced CSS variables for consistent theming
• Improved color contrast for better accessibility
• Added dark mode support with proper color adjustments
• Enhanced text readability across all sections

General Improvements

• Added container class for better content width control
• Improved spacing and typography hierarchy
• Enhanced focus states for better accessibility
• Added smooth transitions and animations
• Optimized mobile breakpoints (900px, 640px)

Technical Details

• Implemented CSS custom properties for maintainable theming
• Used modern CSS features (backdrop-filter, gradients)
• Added AOS animations for smooth scroll effects
• Improved HTML semantics and ARIA attributes

Testing

• Tested across different viewport sizes
• Verified dark/light mode transitions
• Confirmed accessibility standards
• Validated responsive behavior

Screenshots

Before:-----

After: -

### Closed::::