feat: consolidate onboarding

apps/nextjs/src/components/backup/use-backup-analysis.ts

@@ -1,6 +1,7 @@
 "use client";
 
 import { useCallback, useRef, useState } from "react";
+import { useTiks } from "@rexa-developer/tiks/react";
 
 import { useScopedI18n } from "@homarr/translation/client";
 
@@ -58,6 +59,7 @@ export interface MigrationProgress {
 
 export const useBackupAnalysis = () => {
   const t = useScopedI18n("management.page.tool.backup.restore");
+  const sounds = useTiks({ theme: "soft", volume: 0.12, respectReducedMotion: true });
   const [analysis, setAnalysis] = useState<BackupAnalysis | null>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -135,6 +137,7 @@ export const useBackupAnalysis = () => {
                   Date.now(),
                 ]);
               } catch (migrationErr) {
+                sounds.error();
                 setMigrationProgress({
                   current: i + 1,
                   total: pendingMigrations.length,
@@ -153,6 +156,7 @@ export const useBackupAnalysis = () => {
                 tag: migration.tag,
                 phase: "done",
               });
+              sounds.success();
 
               await delay(50);
             }
@@ -173,7 +177,7 @@ export const useBackupAnalysis = () => {
         setLoading(false);
       }
     },
-    [t],
+    [sounds, t],
   );
 
   const reset = useCallback(() => {