grafana-flamegraph: Add storybook stories for major components (#113375)

packages/grafana-flamegraph/package.json

@@ -36,7 +36,8 @@
     "clean": "rimraf ./dist ./compiled ./package.tgz",
     "typecheck": "tsc --emitDeclarationOnly false --noEmit",
     "prepack": "cp package.json package.json.bak && node ../../scripts/prepare-npm-package.js",
-    "postpack": "mv package.json.bak package.json"
+    "postpack": "mv package.json.bak package.json",
+    "storybook": "storybook dev -p 6006"
   },
   "browserslist": [
     "defaults",
@@ -60,11 +61,15 @@
     "@babel/preset-env": "7.28.0",
     "@babel/preset-react": "7.27.1",
     "@rollup/plugin-node-resolve": "16.0.1",
+    "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
+    "@storybook/react": "^10.0.8",
+    "@storybook/react-webpack5": "^10.0.8",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "^6.1.2",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
     "@types/d3": "^7",
+    "@types/fs-extra": "^11",
     "@types/jest": "^29.5.4",
     "@types/lodash": "4.17.20",
     "@types/node": "24.10.1",
@@ -73,11 +78,13 @@
     "@types/tinycolor2": "1.4.6",
     "babel-jest": "29.7.0",
     "esbuild": "0.25.8",
+    "fs-extra": "^11.3.2",
     "jest": "^29.6.4",
     "jest-canvas-mock": "2.5.2",
     "rollup": "^4.22.4",
     "rollup-plugin-esbuild": "6.2.1",
     "rollup-plugin-node-externals": "^8.0.0",
+    "storybook": "^10.0.8",
     "ts-jest": "29.4.0",
     "ts-node": "10.9.2",
     "typescript": "5.9.2"