fix(docs): set Vite base path for GitHub Pages deployment

Dynamic imports failed on the deployed Storybook because assets were
served from the root instead of the /react-zoom-pan-pinch/ subdirectory.
Configure the Vite base via STORYBOOK_BASE env var so the production
build emits correct asset paths.

Made-with: Cursor

Author: prc5

.storybook/main.ts

@@ -18,8 +18,8 @@ const config: StorybookConfig = {
     autodocs: "tag",
   },
   async viteFinal(config) {
-    // return the customized config
     return mergeConfig(config, {
+      base: process.env.STORYBOOK_BASE || "/",
       plugins: [
         tsconfigPaths(),
         svgr({

package.json

@@ -16,7 +16,7 @@
   ],
   "scripts": {
     "build": "rollup -c",
-    "build:docs": "storybook build",
+    "build:docs": "STORYBOOK_BASE=/react-zoom-pan-pinch/ storybook build",
     "start": "cross-env DISABLE_ESLINT_PLUGIN=true yarn storybook dev -p 6006",
     "test": "jest",
     "test:debug": "jest-preview",