TT#78800 panel: modern favicon

Change-Id: Ib0eb89f4126db623744cb24112d5ae8adff589b8

panel/static/panel/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

panel/templates/panel/base.html

@@ -7,7 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <title>{% block title %}{% endblock %}</title>
-
+    <link rel="shortcut icon" type="image/png" href="{% static 'panel/favicon.ico' %}"/>
+    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'panel/apple-touch-icon.png' %}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'panel/favicon-32x32.png' %}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'panel/favicon-16x16.png' %}">
+    <link rel="manifest" href="{% static 'panel/site.webmanifest' %}">
     <!-- Bootstrap -->
     <link href="{% static 'panel/css/bootstrap.min.css' %}" rel="stylesheet">
     {% block extrahead %}{% endblock %}