Implement autoupdater functionality and enhance icon management

- Added a new UpdateNotification component to inform users about available updates and facilitate installation.
- Integrated useAutoUpdater hook for managing update checks and installations.
- Updated package.json with new build and generate scripts for release preparation and key generation.
- Enhanced tauri configuration to support autoupdater with signing keys and endpoints.
- Created scripts for preparing signed releases and updating icons, ensuring a streamlined workflow for asset management.
- Added detailed documentation for autoupdater setup and icon update workflow.

app/src/components/UpdateNotification.tsx

@@ -0,0 +1,69 @@
+import { useAutoUpdater } from '../hooks/useAutoUpdater';
+import { Button } from './ui/button';
+import { Card } from './ui/card';
+import { Progress } from './ui/progress';
+
+export function UpdateNotification() {
+  const { status, checkForUpdates, downloadAndInstall } = useAutoUpdater(true);
+
+  if (status.error) {
+    return null;
+  }
+
+  if (!status.available && !status.checking) {
+    return null;
+  }
+
+  if (status.checking) {
+    return (
+      <Card className="p-4 mb-4">
+        <div className="flex items-center gap-3">
+          <div className="animate-spin h-4 w-4 border-2 border-primary border-t-transparent rounded-full" />
+          <span className="text-sm">Checking for updates...</span>
+        </div>
+      </Card>
+    );
+  }
+
+  if (status.available) {
+    return (
+      <Card className="p-4 mb-4 border-primary">
+        <div className="space-y-3">
+          <div>
+            <h3 className="font-semibold">Update Available</h3>
+            <p className="text-sm text-muted-foreground">
+              Version {status.version} is ready to install
+            </p>
+          </div>
+
+          {status.downloading && (
+            <div className="space-y-2">
+              <p className="text-sm">Downloading update...</p>
+              <Progress />
+            </div>
+          )}
+
+          {status.installing && (
+            <div className="space-y-2">
+              <p className="text-sm">Installing update...</p>
+              <p className="text-xs text-muted-foreground">App will restart automatically</p>
+            </div>
+          )}
+
+          {!status.downloading && !status.installing && (
+            <div className="flex gap-2">
+              <Button onClick={downloadAndInstall} size="sm">
+                Install Now
+              </Button>
+              <Button onClick={() => window.location.reload()} variant="outline" size="sm">
+                Later
+              </Button>
+            </div>
+          )}
+        </div>
+      </Card>
+    );
+  }
+
+  return null;
+}