fix: inline code style to hide backticks

[sidemt]

Checklist:

• I have read freeCodeCamp's contribution guidelines.
• My pull request has a descriptive title (not a vague title like Update index.md)

Closes #XXXXX

This is the fix I mentioned in: #418 (review)

The backticks around inline code are added by TipTap with using ::before and ::after pseudo elements. Playwright doesn't seem to have a way to access pseudo elements, so I couldn't find a way to test the style of hiding them.

[ojeytonwilliams]

Playwright doesn't seem to have a way to access pseudo elements, so I couldn't find a way to test the style of hiding them.

evaluate should do the trick. You can use window.getComputedStyle(element, '::before'); to find the pseudo element and then check that it's content is 'none'.

Also, I noticed the UX is a bit confusing. When I toggle the code, the editor loses focus and I have to click on it to continue editing. I think it would be nice if I could just continue typing. For reference Github comments have exactly the UX I'm talking about.

[Sembauke]

Dark mode does not seem to work great at the moment with inline blocks, could you fix this?