[Feature] Add Code Snippet Card

[hars-21]

Description

A new component which is a code snippet but in the form of a card that looks exactly like a screenshot from code editor. It has amazing UI and very useful for users to attach code snippets.

Screenshots

No response

Checklist

• [X] I have checked the existing issues.
• [X] I follow Contributing Guidelines of this project.
• [X] I am a GSSOC'24 contributor.
• [ ] I am a IWOC'24 contributor.
• [ ] I am a JWOC'24 contributor.
• [ ] I am a SWOC'24 contributor.

Code of Conduct

• [X] I agree to follow this project's "Code of Conduct".

[github-actions[bot]]

Hey @hars-21, Welcome to the project Beautiify! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

[hars-21]

Please assign me @Rakesh9100

[github-actions[bot]]

Hello @hars-21! Your issue #931 has been closed. Thank you for your contribution!! 🙌