Fix asset URLs for GitHub Pages

Use Vite BASE_URL for public assets so audio/logo load under /visualizer, and switch the Pages workflow to npm ci for reproducible installs.

Author: nlaz

.github/workflows/deploy.yml

@@ -27,7 +27,7 @@ jobs:
           node-version: '20'
 
       - name: Install dependencies
-        run: npm install
+        run: npm ci
 
       - name: Build
         run: npm run build

src/App.tsx

@@ -5,7 +5,7 @@ import './App.css'
 
 // You can replace this with your own audio file
 // Place your mp3 in the public folder and reference it here
-const AUDIO_SRC = '/audio.mp3'
+const AUDIO_SRC = `${import.meta.env.BASE_URL}audio.mp3`
 
 function App() {
   const audioRef = useRef<HTMLAudioElement>(null)

src/components/MonolithWall.tsx

@@ -52,7 +52,7 @@ export function MonolithWall({
   useEffect(() => {
     let cancelled = false
     createLogoMask({
-      src: '/sol-logo.svg',
+      src: `${import.meta.env.BASE_URL}sol-logo.svg`,
       width: 768,
       height: 320,
       padding: 0.14,
@@ -230,3 +230,4 @@ export function MonolithWall({
   )
 }
 
+