feat: add responsive styles and view transitions for improved UI

- Introduced hit areas for buttons to enhance accessibility based on Fitts' Law.
- Created responsive styles for mobile devices, including adjustments to layout and visibility of elements.
- Added view transition styles for smoother animations during state changes.
- Implemented a power switch UI with animations and visual feedback.
- Developed unit tests for navigation, sound engine, and theme manager functionalities.
- Added a setup file for testing environment compatibility.

Author: swapsha96

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
         node-version: lts/*
     - name: Install dependencies
       run: npm ci
-    
+
     - name: Install Playwright Browsers
       run: npx playwright install --with-deps
 
@@ -50,22 +50,14 @@ jobs:
         path: playwright-report/
         retention-days: 30
 
-  build-site:
-    needs: test
-    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout your repository using git
-        uses: actions/checkout@v4
-      
-      - name: Install, build, and upload your site
-        uses: withastro/action@v2
-        with:
-          package-manager: npm
-          node-version: 22.12.0
+    - name: Upload Pages artifact
+      if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+      uses: actions/upload-pages-artifact@v3
+      with:
+        path: dist/
 
   deploy:
-    needs: build-site
+    needs: test
     if: github.event_name == 'push' && github.ref == 'refs/heads/main'
     runs-on: ubuntu-latest
     environment:

.husky/pre-commit

@@ -1 +1 @@
-npm test
+npm run check && npm run test:unit