feat(nds): add audio in all menus

app/components/Settings/TopScreen/Clock.vue

@@ -1,64 +1,21 @@
 <script setup lang="ts">
 const { onRender } = useScreen();
+const { assets } = useAssets();
 
 const app = useAppStore();
 const store = useSettingsStore();
-const { assets } = useAssets();
+const tickClock = useClockTick();
 
 const CENTER_X = 63;
 const CENTER_Y = 95;
 
-function drawLine(
-  ctx: CanvasRenderingContext2D,
-  x0: number,
-  y0: number,
-  x1: number,
-  y1: number,
-  width: number,
-) {
-  const dx = Math.abs(x1 - x0);
-  const dy = Math.abs(y1 - y0);
-  const sx = x0 < x1 ? 1 : -1;
-  const sy = y0 < y1 ? 1 : -1;
-  let err = dx - dy;
-
-  const drawThickPixel = (x: number, y: number) => {
-    const isVertical = dy > dx;
-
-    if (width === 1) {
-      ctx.fillRect(x, y, 1, 1);
-    } else if (isVertical) {
-      const offset = Math.floor((width - 1) / 2);
-      ctx.fillRect(x - offset, y, width, 1);
-    } else {
-      const offset = Math.floor((width - 1) / 2);
-      ctx.fillRect(x, y - offset, 1, width);
-    }
-  };
-
-  while (true) {
-    drawThickPixel(x0, y0);
-
-    if (x0 === x1 && y0 === y1) break;
-
-    const e2 = 2 * err;
-    if (e2 > -dy) {
-      err -= dy;
-      x0 += sx;
-    }
-    if (e2 < dx) {
-      err += dx;
-      y0 += sy;
-    }
-  }
-}
-
 onRender((ctx) => {
   ctx.translate(0, -16 + store.notificationYOffset / 3);
 
   assets.images.home.topScreen.clock.draw(ctx, 13, 45);
 
   const now = new Date();
+  tickClock(now);
 
   const renderHand = (
     value: number,