[Bug]: Unnecessary Text and Symbols in Code Output for HTML and JavaScript in Gemini

[MeetDOD]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

When attempting to customize the code or style in the "style share" section of a particular component within Gemini, the tool by default adds unnecessary text and symbols around the code blocks. This behavior affects both HTML and JavaScript code, making it inconvenient for users who need clean code for customization purposes.

The code is wrapped with unnecessary symbols, such as:

1. For HTML code:
   html at the start and at the end.

2. For JavaScript code:
   javascript at the start and at the end.

Expected behavior

1. Because of the features is exposed like what kind of technology we are using in the style share
2. Also it looks unprofessional and lead bad impression to the users using this AI feature.
3. Everyone can see that the API used is the Gemini if they do some research and all.

Add ScreenShots

1. For Html Code

2. For Javascript Code

3. Full Code

On which device are you experiencing this bug?

Android, iPhone, Linux, Chrome, Windows

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I have starred the repository

[github-actions]

Thank you for creating this issue! 🎉 We'll look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.

[github-actions]

Hello @MeetDOD! Your issue #600 has been closed. Thank you for your contribution!