fix: mobile bento grid widgets overflow on screens < 375px

[Aditya8369]

Tasks completed

• Inspect LandingPage hero bento grid wrapper and widget sizing
• Update BentoGrid container to prevent horizontal overflow on very small screens
• Ensure widgets can shrink: apply minWidth: 0 / overflow hidden where appropriate
• Add/adjust responsive grid settings for <375px (e.g., 1 column)
• Run lint/build/test (or at least typecheck) to confirm no regressions

closes #1025

[vercel]

@Aditya8369 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]

Thanks for the contribution! However, CI is currently failing on this PR:

• Type check: FAILURE
• Lint: FAILURE
• Build: FAILURE

Please fix the TypeScript/lint errors and push an update. Once CI passes, we can review and merge.