Fix mobile dashboard layout

[DASVISHNU]

Description

Fixes # (issue number)

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

#Hero Section & Mobile Layout Improvements
-Improved responsive typography scaling for the hero section
-Reduced excessive horizontal padding on smaller screens
-Updated button layout to stack properly on mobile devices
-Improved readability and spacing on 320px–375px widths

#Feature Card & Grid Responsiveness Improvements
-Improved feature card spacing and padding
-Updated responsive grid layout using Tailwind breakpoints
-Added better text wrapping and layout consistency
-Prevented cramped card appearance on smaller screens

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
• I have updated README.md if I added a new theme or URL parameter.
• I have started the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).

[vercel]

@DASVISHNU is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.