add logo and favicon

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>

frontend/src/components/nav.njk

@@ -25,6 +25,10 @@
             padding: var(--small-padding) var(--medium-padding);
         }
 
+        img {
+            width: 100%;
+        }
+
         a {
             display: grid;
             grid-template-columns: 1fr;
@@ -122,9 +126,7 @@
     <nav>
         <div>
             <a href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
-                    <path d="M240-360h96q19 0 32.5-13.5T382-406v-148q0-19-13.5-32.5T336-600h-96v240Zm46-46v-148h50v148h-50Zm149 46h98v-46h-82v-52h52v-46h-52v-50h82v-46h-98q-13 0-21.5 8.5T405-570v180q0 13 8.5 21.5T435-360Zm228.5-9.5Q673-378 676-391l56-209h-48l-43 164-43-164h-48l56 209q3 13 12.5 21.5T641-361q13 0 22.5-8.5ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"/>
-                </svg>
+                <img src="/assets/logo.svg" alt="logo">
             </a>
             <slot>
             </slot>

frontend/src/layouts/main.njk

@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>tesoft - {{ title }}</title>
     <link rel="stylesheet" href="/src/styles/main.css">
+    <link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
+    <link rel="shortcut icon" href="/assets/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="tesoft" />
+    <link rel="manifest" href="/assets/site.webmanifest" />
     {% block styles %}
     {% endblock %}
 </head>