fix: add icons to html head (#300)

Author: devksingh4

src/components/HeadMetadata.astro

@@ -13,6 +13,10 @@ const { title = 'ACM @ UIUC', description, contentType } = Astro.props;
   <link rel="sitemap" href="/sitemap-index.xml" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <meta property="og:title" content={title} />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
   <title>{title}</title>
   {description && <meta name="description" content={description} />}
   {description && <meta property="og:description" content={description} />}