feat(ui): introduces storybook

- adds the necessary dependencies and configuration for Storybook.
- refactors the `Button` component and adds some stories for it.

pkgs/clan-app/ui/package.json

@@ -10,12 +10,22 @@
     "convert-html": "node gtk.webview.js",
     "serve": "vite preview",
     "check": "tsc --noEmit --skipLibCheck && eslint ./src",
-    "test": "vitest run --typecheck"
+    "test": "vitest run --typecheck",
+    "storybook": "storybook dev -p 6006"
   },
   "license": "MIT",
   "devDependencies": {
     "@babel/plugin-syntax-import-attributes": "^7.27.1",
+    "@chromatic-com/storybook": "^3.2.6",
     "@eslint/js": "^9.3.0",
+    "@kachurun/storybook-solid": "^8.6.7",
+    "@kachurun/storybook-solid-vite": "^8.6.7",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-viewport": "^8.6.14",
+    "@storybook/builder-vite": "^8.6.14",
+    "@storybook/test-runner": "^0.22.0",
     "@tailwindcss/typography": "^0.5.13",
     "@types/json-schema": "^7.0.15",
     "@types/node": "^22.15.19",
@@ -30,6 +40,7 @@
     "postcss-url": "^10.1.3",
     "prettier": "^3.2.5",
     "solid-devtools": "^0.34.0",
+    "storybook": "^8.6.14",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.32.1",