client: add maskable icon, remove diagram.js

packages/client/copy-diagram-resources.js

@@ -64,6 +64,12 @@ const buildManifestJson = () => {
         sizes: '512x512',
         type: 'image/png',
       },
+      {
+        src: '/maskable.png',
+        sizes: '192x192',
+        type: 'image/png',
+        purpose: 'maskable',
+      },
     ],
   });
 };

packages/client/src/pages/_app.tsx

@@ -34,6 +34,7 @@ function MyApp({ Component, pageProps }: AppProps) {
         <meta property="og:description" content={process.env.SEO_DESCRIPTION} />
         <meta property="og:site_name" content={process.env.SEO_APPNAME} />
         <link rel="manifest" href="/manifest.json" />
+        <link rel="apple-touch-icon" href="/icon192.png" />
         {((process.env.DNS_PREFETCH || []) as string[]).map((url) => (
           <link key={url} rel="dns-prefetch" href={url} />
         ))}