PWA: add multiple custom size transparent PNGs (#271)

* add id property to manifest for identity of PWA

* add multiple sizes high quality pngs with transparent background to support multiple sizes

* delete unused png

src/app/manifest.ts

@@ -7,22 +7,48 @@ export default function manifest(): MetadataRoute.Manifest {
     description:
       'A minimalist web application to share expenses with friends and family. No ads, no account, no problem.',
     start_url: '/groups',
+    id: '/groups',
     display: 'standalone',
     background_color: '#fff',
     theme_color: '#047857',
     icons: [
       {
-        src: '/android-chrome-192x192.png',
+        src: '/logo/48x48.png',
+        sizes: '48x48',
+        type: 'image/png',
+      },
+      {
+        src: '/logo/64x64.png',
+        sizes: '64x64',
+        type: 'image/png',
+      },
+      {
+        src: '/logo/128x128.png',
+        sizes: '128x128',
+        type: 'image/png',
+      },
+      {
+        src: '/logo/144x144.png',
+        sizes: '144x144',
+        type: 'image/png',
+      },
+      {
+        src: '/logo/192x192.png',
         sizes: '192x192',
         type: 'image/png',
       },
       {
-        src: '/android-chrome-512x512.png',
+        src: '/logo/256x256.png',
+        sizes: '256x256',
+        type: 'image/png',
+      },
+      {
+        src: '/logo/512x512.png',
         sizes: '512x512',
         type: 'image/png',
       },
       {
-        src: '/logo-512x512-maskable.png',
+        src: '/logo/512x512-maskable.png',
         sizes: '512x512',
         type: 'image/png',
         purpose: 'maskable',