UI: Fix inline code styling for dark theme

[Pau1fitz]

Issues: #8211 #8094

1. Dark theme renders unreadable text on the about page and
2. Dark theme missing dark <code> style

What I did

I updated the code styling so it displays correctly on the dark theme. This solves #8211 and #8094.

How to test

Example 1 - 8211

Configure storybook with a dark theme
Click on 'About storybook' in the top-left dropdown

Example 2 - 8094

Configure Storybook to use the dark theme.
Create a story using MDX and use backticks to create a code tag - for example
View story

Screenshots with updated code for referenced issues

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://monorepo-git-fork-pau1fitz-next.storybook.now.sh

[sanchez]

This has broken larger code blocks even more than before:

[ndelangen]

@Pau1fitz do you think you could help us address @sanchez report?

[sanchez]

I think it may be due to a collision with Bulma and their CSS Selector for .tag which is also used in the code window?

I will have a look tomorrow and see if I can explore the issue further

[Pau1fitz]

@ndelangen sure. I saw @sanchez comment here and assumed it was due to an issue with another library he is using.

[sanchez]

Yeah it's my bad, trying to keep track of what is from another library and storybook

[sanchez]

Yeah it looks like was an issue with the Bulma .tag selector and the code snippet also using the .tag selector as well! Thanks team