Fix storybook CI hang

Author: LuisDuarte1

.eslintignore

@@ -6,6 +6,7 @@ node_modules
 .env
 .env.*
 !.env.example
+storybook-static
 
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml

.github/workflows/ci.yml

@@ -76,6 +76,9 @@ jobs:
       - name: Install Playwright
         run: npx playwright install
 
+      - name: Build storybook
+        run: npm run build-storybook
+
       - name: Test
         run: npm run test-storybook:ci
 

package.json

@@ -17,7 +17,7 @@
     "test-vite:watch": "vitest --watch",
     "test-storybook": "test-storybook --browsers firefox",
     "test-storybook:coverage": "npm run test-storybook -- --coverage",
-    "test-storybook:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npm run build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && npm run test-storybook:coverage\"",
+    "test-storybook:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"npx http-server storybook-static --port 6006 --silent\" \"npx wait-on tcp:127.0.0.1:6006 && npm run test-storybook:coverage\"",
     "lint": "prettier --check . && eslint .",
     "format": "prettier --write .",
     "storybook": "storybook dev -p 6006",

src/lib/layout/BackgroundHexagon.svelte

@@ -5,13 +5,13 @@
 {#if position === 'right'}
   <img
     alt="NIAEFEUP hexagon logo"
-    class="fixed -right-24 -z-10 h-full overflow-hidden pt-20 pb-40 sm:right-0 sm:pb-32"
+    class="fixed -right-24 -z-10 h-full overflow-hidden pb-40 pt-20 sm:right-0 sm:pb-32"
     src="/images/outline_white.png"
   />
 {:else}
   <img
     alt="NIAEFEUP hexagon logo"
-    class="pointer-events-none fixed -left-24 -z-10 h-full overflow-hidden pt-20 pb-40"
+    class="pointer-events-none fixed -left-24 -z-10 h-full overflow-hidden pb-40 pt-20"
     src="/images/outline_white_180.png"
   />
 {/if}