Update Profile page responsiveness for all screens

[vinayak302004]

Closes #216

I have updated "Profile" page responsiveness for all screens

1. Mobile View

2. Tablet View

3. Desktop View

Summary by CodeRabbit

• Style
  • Improved responsive layout on the Profile page for better alignment across screen sizes
  • Profile card adjusts width dynamically on larger screens
  • Cards now use flexible heights to accommodate content while maintaining visual consistency

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

Two files modified: .gitignore adds config.prod.yml to the exclusion list, and frontend/src/Pages/Profile.tsx restructures responsive layout rules, changing flex breakpoints, panel widths, and height constraints without functional logic changes.

Changes

Cohort / File(s)	Summary
Configuration Ignore Rules \.gitignore``	Adds config.prod.yml to exclusion list; retains existing \*.env\ rule. Net change: +2/-1 lines.
Profile Layout Restructuring \frontend/src/Pages/Profile.tsx``	Refactors responsive design: main container shifts to flexbox with lg:flex-row; left panel changes from fixed widths (md:w-1/4, lg:w-1/5) to responsive column (full-width, then lg:w-1/3); Top 5 Debaters card converts from fixed height to min-h-\* for flexible sizing. No functional or data-fetching changes.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰 A config file hides from sight,
In gitignore's secure night,
Profile stretches left and right,
Responsive flexbox—pure delight!
CSS springs in rhythm's beat,
Layout changes, oh how neat! ✨

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately reflects the main change: updating the Profile page responsiveness across screen sizes, which aligns with the layout restructuring and responsive design modifications shown in the diff.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}