refactor: fix sleep-timer type issue

Author: ASafaeirad

.github/workflows/build_docker.yml

@@ -3,17 +3,17 @@ name: Build and push main image
 on:
   push:
     tags:
-      - "*"
+      - '*'
 
 jobs:
   push-store-image:
     runs-on: ubuntu-latest
 
     steps:
-      - name: "Checkout GitHub Action"
+      - name: 'Checkout GitHub Action'
         uses: actions/checkout@v6
 
-      - name: "Login to GitHub Container Registry"
+      - name: 'Login to GitHub Container Registry'
         uses: docker/login-action@v4
         with:
           registry: ghcr.io
@@ -26,9 +26,9 @@ jobs:
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v4
 
-      - name: "Build and push Inventory Image"
+      - name: 'Build and push Inventory Image'
         run: |
-          IMAGE_NAME="ghcr.io/remvze/moodist"
+          IMAGE_NAME='ghcr.io/remvze/moodist'
 
           GIT_TAG=${{ github.ref }}
           GIT_TAG=${GIT_TAG#refs/tags/}

src/components/modals/sleep-timer/sleep-timer.tsx

@@ -40,7 +40,7 @@ export function SleepTimerModal({ onClose, show }: SleepTimerModalProps) {
     [totalSeconds, timeSpent],
   );
 
-  const timerId = useRef<ReturnType<typeof setInterval>>();
+  const timerId = useRef<ReturnType<typeof setInterval> | null>(null);
 
   const isPlaying = useSoundStore(state => state.isPlaying);
   const play = useSoundStore(state => state.play);