bug: Fix seating forecast chart not rendering on mobile viewport widths

[SatyamPandey-07]

Description

The SeatingForecastChart component renders with zero height on mobile viewports (<768px) because the Recharts ResponsiveContainer fails to calculate dimensions in a flex parent.

Expected Behavior

The seating forecast chart renders correctly at all viewport widths with a minimum height of 200px.

Difficulty & Level

Level 1 (Beginner) | Bug

[github-actions]

🎉 Thanks for opening this issue!

We appreciate your contribution.

Please ensure:
✅ Clear description
✅ Expected behavior
✅ Screenshots if possible

---

🔔 Update for Contributors:

The limit for active assigned issues per person has been increased to 10 (previously 5).

You can claim this issue by posting a comment with exactly:
/claim

You will have 6 days to complete it! 🚀

---

💡 Connect & Support:

• ⭐ Star the WorkSphere repository to show your support!
• 👤 Follow the maintainer on GitHub: @SatyamPandey-07
• 💼 Connect on LinkedIn: Satyam Pandey
• 💬 Have questions or queries? Join our WhatsApp Group or contact via phone at +91 9820866720.

[panditshubham766-dotcom]

/claim

[github-actions]

Hey @panditshubham766-dotcom, awesome to have you on board for this! 🚀

We've officially assigned issue #2178 to you. Be sure to check out our CONTRIBUTING.md before starting, and keep your PR scoped to this issue for an easier review process.

⏳ Try to open a PR within 6 days. If you need extra time, just drop a quick progress update here and you can keep going.

Can't wait to see your work. Happy coding! ✨