feat: add storybook and new badge component with stories

frontend/package.json

@@ -9,7 +9,9 @@
     "preview": "vite preview",
     "lint": "eslint ./src",
     "lint:fix": "eslint --fix ./src",
-    "type:check": "tsc --noEmit --project ./tsconfig.app.json"
+    "type:check": "tsc --noEmit --project ./tsconfig.app.json",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "overrides": {
     "sha.js": "2.4.12"
@@ -47,7 +49,9 @@
     "@radix-ui/react-popper": "^1.2.1",
     "@radix-ui/react-progress": "^1.1.1",
     "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-scroll-area": "^1.2.10",
     "@radix-ui/react-select": "^2.1.3",
+    "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.1.2",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-toast": "^1.2.3",
@@ -64,6 +68,7 @@
     "argon2-browser": "^1.18.0",
     "axios": "^1.12.0",
     "classnames": "^2.5.1",
+    "clsx": "^2.1.1",
     "cva": "npm:class-variance-authority@^0.7.1",
     "date-fns": "^4.1.0",
     "dompurify": "^3.2.4",
@@ -76,6 +81,7 @@
     "jsrp": "^0.2.4",
     "jwt-decode": "^4.0.0",
     "lexical": "^0.29.0",
+    "lucide-react": "^0.544.0",
     "ms": "^2.1.3",
     "nprogress": "^0.2.0",
     "picomatch": "^4.0.2",
@@ -105,6 +111,9 @@
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.15.0",
     "@kesills/eslint-config-airbnb-typescript": "^20.0.0",
+    "@storybook/addon-a11y": "^9.1.9",
+    "@storybook/addon-docs": "^9.1.9",
+    "@storybook/react-vite": "^9.1.9",
     "@stylistic/eslint-plugin": "^2.12.1",
     "@tailwindcss/postcss": "^4.1.14",
     "@tailwindcss/typography": "^0.5.15",
@@ -130,6 +139,7 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.14",
     "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-storybook": "^9.1.9",
     "globals": "^15.12.0",
     "postcss": "^8.4.49",
     "prettier": "3.4.2",