fix typescript error and push to github pages

Author: abdulari

.github/workflows/build.yaml

@@ -6,8 +6,17 @@ jobs:
     runs-on: ubuntu-latest
     container:
       image: oven/bun:debian
+    permissions:
+      contents: write
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
+
       - name: build ui
-        run: cd ui && bun install && bun run build
+        run: cd ui && bun install && bun run build
+
+      - name: Deploy to GitHub Pages
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: ui/dist # The folder the action should deploy.
+          branch: pages # The branch the action should deploy to.

ui/src/page/ZustandDemo.tsx

@@ -7,7 +7,6 @@ function ZustandDemo() {
     const particleCount = ConfettiStore((state: any) => state.particleCount);
     const shapeSize = ConfettiStore((state: any) => state.shapeSize);
     const spreadDeg = ConfettiStore((state: any) => state.spreadDeg);
-    const colors = ConfettiStore((state: any) => state.colors);
     const fadeOutHeight = ConfettiStore((state: any) => state.fadeOutHeight);
     const setMode = ConfettiStore((state: any) => state.setMode);