Fix Prod Storybook deployment (#5535)

* Fix prod storybook deployment

* Add npm scripts

Author: hussam-i-am

package.json

@@ -16,6 +16,8 @@
     "start": "concurrently npm:start:*",
     "start:storybook": "npm run start:storybook -w @primer/react",
     "build:storybook": "script/build-storybook",
+    "build:storybook:preview": "script/build-storybook preview",
+    "build:storybook:preview_with_reports": "script/build-storybook preview_with_reports",
     "build:docs": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs",
     "build:docs:preview": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs preview",
     "build:docs:preview_with_reports": "NODE_OPTIONS=--openssl-legacy-provider script/build-docs preview_with_reports",

script/build-docs

@@ -3,10 +3,10 @@ set -e
 
 if [ "$1" == "preview" ]; then
   export DEPLOY_ENV="preview"
-  npm run build:storybook preview
+  npm run build:storybook:preview
 elif [ "$1" == "preview_with_reports" ]; then
   export DEPLOY_ENV="preview"
-  npm run build:storybook preview_with_reports
+  npm run build:storybook:preview_with_reports
 else
   export DEPLOY_ENV="production"
   npm run build:storybook

script/build-storybook

@@ -16,7 +16,7 @@ npx storybook build -o ../../docs/public/storybook
 if [ "$1" == "preview_with_reports" ]; then
   # Move index_with_reports.html to the right location
   cp .storybook/index_with_reports.html ../../docs/public/index.html
-else
+elif [ "$1" == "preview" ]; then
   # Move index.html to the right location
   cp .storybook/index.html ../../docs/public/index.html
 fi