[docs] Fix layout shift example page

[oliviertassinari]

Open https://mui.com/toolpad/core/introduction/examples/, see the paint flash / layout shift of the footer. An issue from #3383.

I noticed this on #4344.

After: https://deploy-preview-4350--mui-toolpad-docs.netlify.app/toolpad/core/introduction/examples/

[bharatkashyap]

I can see this still on the PR preview link:

layoutShift.mov

[oliviertassinari]

layoutShift.mov

@bharatkashyap This is another issue, it's a problem with how docs-infra loads the font.

Here the PR fixes the setState:

Screen.Recording.2024-11-03.at.17.28.05.mov

[oliviertassinari]

I have noticed problems with the repository spending a bit of time on this:

• Docs files aren't types checked in the CI

[Janpot]

looks good. would maybe suggest to extract ${process.env.SOURCE_CODE_REPO}/tree/master into its own variable and reuse between the conditional and the replace but not super important.

[oliviertassinari]

would maybe suggest to extract ${process.env.SOURCE_CODE_REPO}/tree/master into its own variable

We have something equivalent in https://github.com/mui/material-ui/blob/060c55cb219bfc33633f7e61484884ea6d37bfdf/packages/markdown/parseMarkdown.js#L403 for the markdown. We might need to merge those two logics.

[bharatkashyap]

Looks good!