feat: add comprehensive favicon set and update header/footer styling

Author: eric15342335

public/favicon.ico

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

public/favicon/android-chrome-192x192.png

@@ -22,7 +22,7 @@ export const metadata: Metadata = {
     template: `%s - ${title}`,
   },
   description: description,
-  manifest: "/manifest.json",
+  manifest: "/favicon/site.webmanifest",
   openGraph: {
     title: title,
     description: description,
@@ -45,6 +45,20 @@ export const metadata: Metadata = {
     description: description,
     images: [siteConfig.seoImage],
   },
+  icons: {
+    icon: [
+      { url: "/favicon.ico" },
+      { url: "/favicon/favicon-16x16.png", sizes: "16x16", type: "image/png" },
+      { url: "/favicon/favicon-32x32.png", sizes: "32x32", type: "image/png" },
+    ],
+    apple: [
+      {
+        url: "/favicon/apple-touch-icon.png",
+        sizes: "180x180",
+        type: "image/png",
+      },
+    ],
+  },
 };
 
 export default function RootLayout({