Add apple touch icons (#9211)

* Add apple touch icons

* Improve browser configuration icons

resources/frontend_client/app/assets/img/browserconfig.xml

+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/app/assets/img/mstile-150x150.png"/>
+            <TileColor>#2d89ef</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

resources/frontend_client/app/assets/img/safari-pinned-tab.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="260.000000pt" height="260.000000pt" viewBox="0 0 260.000000 260.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,260.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M473 1959 c-29 -18 -63 -80 -63 -114 0 -8 7 -33 16 -55 41 -103 190
+-107 237 -7 21 44 21 80 0 124 -32 69 -124 94 -190 52z"/>
+<path d="M1965 1949 c-66 -59 -66 -150 1 -208 83 -74 214 -10 214 104 0 114
+-131 178 -215 104z"/>
+<path d="M517 1592 c-38 -5 -94 -63 -103 -106 -27 -149 171 -227 244 -97 25
+45 28 79 8 124 -24 59 -79 87 -149 79z"/>
+<path d="M853 1570 c-115 -70 -65 -250 70 -250 44 0 53 4 88 39 36 35 39 43
+39 93 0 41 -5 62 -21 82 -44 56 -118 72 -176 36z"/>
+<path d="M1603 1571 c-113 -71 -65 -251 66 -251 125 0 183 147 92 234 -40 39
+-112 46 -158 17z"/>
+<path d="M1995 1580 c-56 -23 -92 -99 -75 -159 19 -67 63 -101 131 -101 99 0
+156 97 115 195 -25 60 -108 92 -171 65z"/>
+<path d="M494 1196 c-91 -41 -109 -166 -33 -230 82 -69 202 -19 215 90 12 99
+-93 180 -182 140z"/>
+<path d="M1223 1179 c-45 -29 -70 -96 -55 -147 36 -119 194 -138 245 -29 60
+126 -74 250 -190 176z"/>
+<path d="M1980 1183 c-53 -36 -76 -96 -60 -154 32 -116 200 -133 246 -24 28
+68 11 134 -45 174 -36 26 -106 28 -141 4z"/>
+<path d="M483 801 c-109 -68 -85 -225 38 -254 65 -16 141 38 155 108 9 49 -1
+80 -39 121 -42 46 -105 56 -154 25z"/>
+<path d="M2013 813 c-61 -12 -109 -99 -93 -168 27 -119 185 -141 242 -34 56
+104 -33 225 -149 202z"/>
+</g>
+</svg>

resources/frontend_client/app/assets/img/site.webmanifest

+{
+    "name": "Metabase",
+    "short_name": "Metabase",
+    "icons": [
+        {
+            "src": "/app/assets/img/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/app/assets/img/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

resources/frontend_client/index_template.html

@@ -5,6 +5,16 @@
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" />
         <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/app/assets/img/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/app/assets/img/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/app/assets/img/favicon-16x16.png">
+        <link rel="manifest" href="/app/assets/img/site.webmanifest">
+        <link rel="mask-icon" href="/app/assets/img/safari-pinned-tab.svg" color="#62a8e6">
+        <link rel="shortcut icon" href="/app/assets/img/favicon.ico">
+        <meta name="msapplication-TileColor" content="#2d89ef">
+        <meta name="msapplication-config" content="/app/assets/img/browserconfig.xml">
+        <meta name="theme-color" content="#ffffff">
         <meta name="apple-mobile-web-app-status-bar-style" content="default" />
 
         {{{embed_code}}}