[BUG] Code block is not rendering properly

[batchu5]

Describe the bug.

we are trying to add new mdx to the generator but the code blocks are not rendering properly.

Expected behavior

code blocks should render as expected!

Screenshots

Not only the CoreMethods rendering issue, but there is also a coloring issue here. I'm attaching the two screenshots

In the first image, the imports are in green color, but in the second image, the imports are in blue.

And also, there are uneven padding issues. In the below example, the last two consts has left padding. I even checked if there is any extra spacing in this. But everything is good in md.

How to Reproduce

Take the reference as this PR -> asyncapi/generator#1924

Add this api_components.mdx in pages\docs\tools\generator

example preview -> https://69916ee787f5c900931efc18--asyncapi-website.netlify.app/docs/tools/generator/api_components

🖥️ Device Information [optional]

• Operating System (OS):
• Browser:
• Browser Version:

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

None

[SHUBHANSHU602]

hey @batchu5 , please have a look the issue title ,I think you missed 'not ' also you have selected non in willingness so Can i take it after approval?

[batchu5]

yep. Feel free to take it

[SHUBHANSHU602]

Ohk @batchu5 after approval I will work in this.

[princerajpoot20]

go ahead

[wei123-web]

Hey! @SHUBHANSHU602, are you currently working on this issue?

[SHUBHANSHU602]

Yes

[SHUBHANSHU602]

@wei123-web you can work on this as I am presently indulge in some other works and not getting time for this one.

[SHUBHANSHU602]

@wei123-web are you working on it?

[wei123-web]

hey @SHUBHANSHU602, yes I’m working on this issue. I’m a bit busy with exams but I’ll continue working on it and share updates soon.