feat: add emoji favicon generated by favicon.io

This patch adds a emoji favicon (that uses the iOS Speaking Head [[1]])
generated by [[2]]. I will probably update this in the future, but it
works OK for now and was super quick to get.

[1]: https://emojipedia.org/apple/ios-16.4/speaking-head/
[2]: https://favicon.io

app/root.tsx

@@ -156,6 +156,20 @@ export const links: LinksFunction = () => [
   { rel: 'stylesheet', href: '/fonts/hack-subset.css' },
   { rel: 'stylesheet', href: '/fonts/bodoni-moda.css' },
   { rel: 'stylesheet', href: tailwindStylesheetUrl },
+  { rel: 'apple-touch-icon', sizes: '180x180', href: '/apple-touch-icon.png' },
+  {
+    rel: 'icon',
+    type: 'image/png',
+    sizes: '32x32',
+    href: '/favicon-32x32.png',
+  },
+  {
+    rel: 'icon',
+    type: 'image/png',
+    sizes: '16x16',
+    href: '/favicon-16x16.png',
+  },
+  { rel: 'manifest', href: '/site.webmanifest' },
 ]
 
 export const meta: V2_MetaFunction = () => [{ title: 'Nicholas Chiang' }]

public/site.webmanifest

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