feat: add base href to Storybook configuration and update build output directory

Author: manuelsanchez2

.storybook/main.js

@@ -6,5 +6,9 @@ const config = {
     'name': '@storybook/react-vite',
     'options': {},
   },
+  viteFinal: (config) => {
+    config.base = '/storybook/';
+    return config;
+  },
 };
 export default config;

.storybook/manager-head.html

@@ -0,0 +1 @@
+<base href="/storybook/">

.storybook/preview-head.html

@@ -0,0 +1 @@
+<base href="/storybook/">

package.json

@@ -10,7 +10,7 @@
     "prettier": "prettier --write .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build-storybook": "storybook build --output-dir storybook-static",
     "test:storybook": "JEST_JUNIT_OUTPUT_DIR=reports JEST_JUNIT_OUTPUT_NAME=storybook.xml test-storybook --junit",
     "test:testing-library": "vitest --config ./vitest.config.js",
     "test:playwright": "PLAYWRIGHT_JUNIT_OUTPUT_DIR=reports PLAYWRIGHT_JUNIT_OUTPUT_NAME=playwright.xml playwright test -c playwright-ct.config.js --reporter=junit",