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.

tauri/assets/voicebox.icon/icon.json

@@ -27,10 +27,106 @@
       }
     }
   ],
+  "appearances" : [
+    {
+      "appearance" : "light",
+      "groups" : [
+        {
+          "layers" : [
+            {
+              "blend-mode" : "normal",
+              "glass" : true,
+              "image-name" : "Voicebox.png",
+              "name" : "Voicebox"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "appearance" : "dark",
+      "groups" : [
+        {
+          "layers" : [
+            {
+              "blend-mode" : "normal",
+              "glass" : true,
+              "image-name" : "Voicebox-Dark.png",
+              "name" : "Voicebox Dark"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "appearance" : "light",
+      "contrast" : "clear",
+      "groups" : [
+        {
+          "layers" : [
+            {
+              "blend-mode" : "normal",
+              "glass" : true,
+              "image-name" : "Voicebox-ClearLight.png",
+              "name" : "Voicebox Clear Light"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "appearance" : "dark",
+      "contrast" : "clear",
+      "groups" : [
+        {
+          "layers" : [
+            {
+              "blend-mode" : "normal",
+              "glass" : true,
+              "image-name" : "Voicebox-ClearDark.png",
+              "name" : "Voicebox Clear Dark"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "appearance" : "light",
+      "contrast" : "tinted",
+      "groups" : [
+        {
+          "layers" : [
+            {
+              "blend-mode" : "normal",
+              "glass" : true,
+              "image-name" : "Voicebox-TintedLight.png",
+              "name" : "Voicebox Tinted Light"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "appearance" : "dark",
+      "contrast" : "tinted",
+      "groups" : [
+        {
+          "layers" : [
+            {
+              "blend-mode" : "normal",
+              "glass" : true,
+              "image-name" : "Voicebox-TintedDark.png",
+              "name" : "Voicebox Tinted Dark"
+            }
+          ]
+        }
+      ]
+    }
+  ],
   "supported-platforms" : {
     "circles" : [
       "watchOS"
     ],
     "squares" : "shared"
   }
-}
+}