Fixes to the pwa icons not displaying on the iOS home screen.

Author: Chris

public/index.html

@@ -8,11 +8,18 @@
     <meta name="description" content="Track your daily inventory of personal characteristics">
     <title>Daily Inventory</title>
 
+    <!-- Apple-specific meta tags for PWA -->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="default">
+    <meta name="apple-mobile-web-app-title" content="Daily Inventory">
+    <meta name="mobile-web-app-capable" content="yes">
+
     <!-- Favicon -->
     <link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/assets/images/icons/favicon.ico">
     <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/assets/images/icons/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="%PUBLIC_URL%/assets/images/icons/favicon-16x16.png">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/assets/images/icons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/assets/images/icons/apple-touch-icon.png">
     <link rel="mask-icon" href="%PUBLIC_URL%/assets/images/icons/icon.svg" color="#000000">
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
 

public/manifest.json

@@ -7,12 +7,48 @@
   "background_color": "#ffffff",
   "theme_color": "#cfe2ff",
   "icons": [
+    {
+      "src": "assets/images/icons/favicon-16x16.png",
+      "sizes": "16x16",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "assets/images/icons/favicon-32x32.png",
+      "sizes": "32x32",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "assets/images/icons/favicon-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "assets/images/icons/favicon-64x64.png",
+      "sizes": "64x64",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "assets/images/icons/favicon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "any"
+    },
     {
       "src": "assets/images/icons/favicon-192x192.png",
       "sizes": "192x192",
       "type": "image/png",
       "purpose": "any maskable"
     },
+    {
+      "src": "assets/images/icons/favicon-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png",
+      "purpose": "any"
+    },
     {
       "src": "assets/images/icons/favicon-512x512.png",
       "sizes": "512x512",