feat: Adding Favicon and Meta Description

Author: zangeronimo

starter/07-Omnifood-Desktop/img/apple-touch-icon.png

@@ -4,7 +4,17 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Omnifood</title>
+
+    <link rel="icon" href="img/favicon.png" />
+    <link rel="apple-touch-icon" href="img/apple-touch-icon.png" />
+    <link rel="manifest" href="manifest.webmanifest" />
+
+    <title>Omnifood &mdash; Never cook again!</title>
+
+    <meta
+      name="description"
+      content="Omnifood is an AI-powered food subscription that will make you eat healthy again, 365 days per year. It's tailored to your personal tastes and nutritional needs."
+    />
 
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

starter/07-Omnifood-Desktop/img/favicon-192.png

@@ -0,0 +1,6 @@
+{
+  "icons": [
+    { "src": "/img/favicon-192.png", "type": "image/png", "sizes": "192x192" },
+    { "src": "/img/favicon-512.png", "type": "image/png", "sizes": "512x512" }
+  ]
+}