Enhance snippet display with scrollbar

[Devamchaudhari]

Description

• This pull request introduces an improvement to the code snippet list by restricting its height and making it scrollable. The goal is to ensure that the language selection box remains accessible without requiring users to scroll excessively. This adjustment improves the overall user experience by maintaining easy access to the selection box while reducing unnecessary scrolling.

Type of Change

• ✨ New snippet
• 🛠 Improvement to an existing snippet
• 🐞 Bug fix
• 📖 Documentation update
• 🔧 Other (please describe):

Checklist

• I have tested my code and verified it works as expected.
• My code follows the style and contribution guidelines of this project.
• Comments are added where necessary for clarity.
• Documentation has been updated (if applicable).
• There are no new warnings or errors from my changes.

Related Issues

Closes #251

Additional Context

• Restrict the Code Snippet List Height: Limit the height of the code snippet list and make it scrollable, ensuring the language selection box remains accessible without extra scrolling.

Screenshots (Optional)

Click to view screenshots

[technoph1le]

Thanks for the adjustments. I have made some reviews. Please review them before we can proceed.

[technoph1le]

I advise using the CSS custom property for colors as there are dark and light mode.

[Devamchaudhari]

okay. I have implement these changes in this commit.
Commit Id: 07e5551

[technoph1le]

What do you think about setting lower height like 90vh?

Also, setting min-height would ensure it doesn't get too small and squishy.

[Devamchaudhari]

Yeah, that's pretty great. I have done this changes in this commit.
Commit Id: 07e5551