🎨 Storybook docs (#6770)

* start to a storybook

* release notes

* commit the release notes

* add test:web back

* adding some scripts to the main package for storybook

* styled it up a bit

* remove unneeded icon

* lint

* remove needless comment

* moving clarifying comment

* fast failing

* feedback

* removing unneeded config

packages/component-library/package.json

@@ -37,7 +37,9 @@
   "scripts": {
     "generate:icons": "rm src/icons/*/*.tsx; cd src/icons && svgr --template template.ts --index-template index-template.ts --typescript --expand-props start -d . .",
     "test": "npm-run-all -cp 'test:*'",
-    "test:web": "ENV=web vitest --run -c vitest.web.config.ts"
+    "test:web": "ENV=web vitest --run -c vitest.web.config.ts",
+    "start:storybook": "storybook dev -p 6006",
+    "build:storybook": "storybook build"
   },
   "dependencies": {
     "@emotion/css": "^11.13.5",
@@ -45,10 +47,16 @@
     "usehooks-ts": "^3.1.1"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^5.0.0",
+    "@storybook/addon-a11y": "^10.2.0",
+    "@storybook/addon-docs": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
     "@svgr/cli": "^8.1.0",
     "@types/react": "^19.2.5",
+    "eslint-plugin-storybook": "^10.2.0",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "storybook": "^10.2.0",
     "vitest": "^4.0.16"
   },
   "peerDependencies": {