fix(frontend): correct OS push notification icons and add web app manifest

autogpt_platform/frontend/public/manifest.webmanifest

@@ -0,0 +1,23 @@
+{
+  "name": "AutoGPT Platform",
+  "short_name": "AutoGPT",
+  "description": "Your one stop shop to creating AI Agents",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#04062e",
+  "theme_color": "#04062e",
+  "icons": [
+    {
+      "src": "/notification-icon-192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/notification-icon-512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}

autogpt_platform/frontend/public/push-sw.js

@@ -153,7 +153,7 @@ self.addEventListener("push", function (event) {
         var options = {
           body: config.body,
           icon: "/notification-icon-192.png",
-          badge: "/notification-icon-192.png",
+          badge: "/notification-badge-96.png",
           tag: tag,
           data: Object.assign({ url: targetUrl }, data),
           renotify: true,

autogpt_platform/frontend/src/app/layout.tsx

@@ -28,8 +28,10 @@ const faviconPath = isDev
 export const metadata: Metadata = {
   title: "AutoGPT Platform",
   description: "Your one stop shop to creating AI Agents",
+  manifest: "/manifest.webmanifest",
   icons: {
     icon: faviconPath,
+    apple: "/apple-touch-icon.png",
   },
 };