Feature/premium frontend quality overhaul

[saidai-bhuvanesh]

Overview

This PR introduces major frontend quality, accessibility, responsiveness, interaction polish, and mobile UX improvements across ChaatBazaar while preserving the existing orange-themed visual identity.

Critical Problems Fixed

• Weak Mobile Navigation UX: Replaced basic navigation with a premium sliding drawer menu, animated with cubic-bezier transition scales and accompanied by a dark glassmorphic backdrop blur overlay (.nav-overlay) that locks body scroll and closes the drawer when clicked.
• Inconsistent Responsive Spacing: Standardized section layouts and container margins using a centralized, responsive CSS spacing scale system.
• Limited Accessibility Workflows: Audited pages and injected descriptive aria-label tags for all social media icons, and resolved redundant reduced-motion profiles.
• Weak Interaction Feedback: Upgraded CTA buttons, food cards, and active links with smooth transitions, translate micro-states, and visual active press scales.

Features Added

• Premium Mobile Navigation: Smooth drawer slide-in transition and glassmorphic backdrop overlay.
• Centralized Spacing Scales: Fluid section padding values matching responsive breakpoints.
• Micro-Scale Press & Hover States: Visual active state scale triggers on buttons and premium tinted shadows on cards.
• Descriptive Icon Labels: Screen-reader accessible tags for icon-only footer components.

Technical Improvements

• Integrated dynamically constructed .nav-overlay in js/accessibility.js with responsive styles in css/style.css.
• Cleaned and standardized duplicate style properties under a dry variables design scale.
• Implemented GPU-accelerated transforms (will-change: transform) to reduce rendering paint times.

Testing Completed

• Tested active drawer overlays and scroll locking.
• Verified section scales and paddings across responsive tablet and mobile breakpoints.
• Confirmed interaction scales, active hover translations, and screen reader labels.

Before and After screenshots are included in the local workspace brain directory as required by repository guidelines.