feat: Modernizing the exercises page

[yammesicka]

No description provided.

[sourcery-ai]

Hey @yammesicka - I've reviewed your changes and they look great!

Here's what I looked at during the review

• 🟡 General issues: 1 issue found
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Docstrings: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment to tell me if it was helpful.}

[sourcery-ai]

suggestion (code_refinement): Consider using responsive units for width in #exercises-page.

Using a fixed width (720px) may not be responsive across all devices. Consider using percentages or viewport width (vw) for better responsiveness.

Suggested change

	#exercises-page-container {
	display: flex;
	justify-content: center;
	}
	#exercises-page-container {
	display: flex;
	justify-content: center;
	width: 80vw; /* Adjust the width to use viewport width for better responsiveness */
	}