Hydration error in certain website pages

[Mil4n0r]

Describe the bug A hydration error is occuring when launching the website in local. It occurs in the following components:

• Badge
• BarChart
• Bleed
• Container
• ContextualMenu
• Flex
• Grid
• Image
• Paragraph
• Sidenav
• Typography

To Reproduce

1. Clone the repo
2. Go into /website
3. Run npm install
4. Run npm run dev
5. Go to any of the listed container pages and click refresh or F5
6. You should be seeing the error

Expected behaviour No error should appear in any component page.

Screenshots

Additional context More information about the error possible causes

[github-actions[bot]]

Thank you for opening an issue! 🚀

Our team will review it as soon as possible. In the meantime, please make sure that you've provided all the necessary details to help us understand and address the issue effectively.

Feel free to contribute and participate in discussions!

[Mil4n0r]

A solution is ready. It will be added within #2033.