feat: add icon and favicon

app/components/navigation-bar.tsx

@@ -1,3 +1,4 @@
+import Image from 'next/image'
 import {
   Navbar,
   NavbarBrand,
@@ -15,7 +16,15 @@ export async function NavigationBar() {
 
   return (
     <Navbar>
-      <NavbarBrand className="font-bold text-primary">TaskLeafy</NavbarBrand>
+      <NavbarBrand className="flex gap-2 font-bold text-primary">
+        <Image
+          src="/task-leafy-icon.png"
+          width={32}
+          height={32}
+          alt="TaskLeafy"
+        />
+        TaskLeafy
+      </NavbarBrand>
       <NavbarContent justify="end">
         <NavbarItem>
           {session?.user ? (

app/layout.tsx

@@ -1,6 +1,8 @@
 import { Inter } from 'next/font/google'
 
 import './globals.css'
+import type { Metadata, Viewport } from 'next'
+
 import { RootProviders } from './providers'
 import { NavigationBar } from './components/navigation-bar'
 
@@ -9,6 +11,41 @@ const inter = Inter({
   display: 'swap',
 })
 
+export const viewport: Viewport = {
+  themeColor: '#ffffff',
+}
+
+export const metadata: Metadata = {
+  title: 'TaskLeafy',
+  description: 'Simple to do app with drag and drop functionality.',
+  applicationName: 'TaskLeafy',
+  creator: 'Mnigos',
+  icons: [
+    {
+      rel: 'icon',
+      url: '/favicon-32x32.png',
+      sizes: '32x32',
+      type: 'image/png',
+    },
+    {
+      rel: 'icon',
+      url: '/favicon-16x16.png',
+      sizes: '16x16',
+      type: 'image/png',
+    },
+    {
+      rel: 'apple-touch-icon',
+      url: '/apple-touch-icon.png',
+    },
+    {
+      rel: 'mask-icon',
+      url: '/safari-pinned-tab.svg',
+      color: '#00ff10',
+    },
+  ],
+  manifest: '/site.webmanifest',
+}
+
 export default function RootLayout({
   children,
 }: Readonly<{

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffffff</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "TaskLeafy",
+    "short_name": "TaskLeafy",
+    "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"
+}