Refactor useAutoUpdater hook for improved readability and update handling

- Rearranged import statements for better organization.
- Enhanced download progress handling logic for clarity and consistency.
- Ensured proper state updates during the download process, including setting download progress to 100% upon completion.

app/src/hooks/useAutoUpdater.ts

@@ -1,6 +1,6 @@
-import { useCallback, useEffect, useState } from 'react';
-import { check, type Update } from '@tauri-apps/plugin-updater';
 import { relaunch } from '@tauri-apps/plugin-process';
+import { check, type Update } from '@tauri-apps/plugin-updater';
+import { useCallback, useEffect, useState } from 'react';
 
 export interface UpdateStatus {
   checking: boolean;
@@ -97,18 +97,17 @@ export function useAutoUpdater(checkOnMount = false) {
               downloading: true,
               totalBytes,
               downloadedBytes: 0,
-              downloadProgress: 0
+              downloadProgress: 0,
             }));
             break;
           case 'Progress': {
             downloadedBytes += event.data.chunkLength;
-            const progress = totalBytes > 0 
+            const progress =
-              ? Math.round((downloadedBytes / totalBytes) * 100)
+              totalBytes > 0 ? Math.round((downloadedBytes / totalBytes) * 100) : undefined;
-              : undefined;
             setStatus((prev) => ({
               ...prev,
               downloadedBytes,
-              downloadProgress: progress
+              downloadProgress: progress,
             }));
             break;
           }
@@ -117,7 +116,7 @@ export function useAutoUpdater(checkOnMount = false) {
               ...prev,
               downloading: false,
               readyToInstall: true,
-              downloadProgress: 100
+              downloadProgress: 100,
             }));
             break;
         }