fix: logo display change (#5380)

- revert change on tokens: the logo is the one of qlik-light theme
- fix: ThemeProvider useLayoutEffect instead of useEffect
- fix: remove animation from the button
- remove link to bootstrap in storybook to be able to use the current version from the code and not the released one.

While fixing thoses I have also seen the blue background of the headerbar

.changeset/calm-grapes-know.md

@@ -0,0 +1,5 @@
+---
+'@talend/bootstrap-theme': patch
+---
+
+fix: remove animation on all button for all change

.changeset/modern-waves-fail.md

@@ -0,0 +1,5 @@
+---
+'@talend/design-tokens': patch
+---
+
+fix: revert logo change

.changeset/silly-hats-work.md

@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+fix: useLayoutEffect to set the data-theme

packages/design-system/src/components/ThemeProvider/ThemeProvider.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, useContext, useEffect, useState } from 'react';
+import { PropsWithChildren, useContext, useLayoutEffect, useState } from 'react';
 
 import 'modern-css-reset/dist/reset.min.css';
 import 'typeface-inconsolata/index.css';
@@ -25,15 +25,15 @@ export const ThemeProvider = ({
 	// Handle nested Providers: parent Provider doesn't have context, child does
 	const context = useContext(ThemeContext);
 
-	useEffect(() => {
+	useLayoutEffect(() => {
 		document.body.dataset.theme = selectedTheme;
 	}, [selectedTheme]);
 
-	useEffect(() => {
+	useLayoutEffect(() => {
 		setSelectedTheme(theme);
 	}, [theme]);
 
-	useEffect(() => {
+	useLayoutEffect(() => {
 		if (tokensOverride) {
 			Object.keys(tokensOverride).forEach(key => {
 				document.body.style.setProperty(key, tokensOverride[key].toString());