Add icons and update logo (#138)

public/site.webmanifest

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

src/app/layout.tsx

@@ -17,13 +17,14 @@ import { NextAuthProvider } from "~/lib/auth/authProvider";
 import { GlobalNotifications } from "~/components/awards/GlobalNotifications";
 
 export const metadata: Metadata = {
-  title: "Kids Reading",
+  title: "fawnix.rocks",
   description: "A site to help practice reading with a kid.",
   icons: {
-    icon: "/favicon.svg",
+    icon: "/favicon.ico",
     shortcut: "/favicon-16x16.png",
     apple: "/apple-touch-icon.png",
   },
+  manifest: "/site.webmanifest",
 };
 
 export default async function RootLayout({

src/components/common/icons.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image";
 import {
   AlertTriangle,
   ArrowRight,
@@ -9,7 +10,6 @@ import {
   File,
   FileText,
   HelpCircle,
-  Image,
   Laptop,
   Loader2,
   type LucideProps,
@@ -24,7 +24,6 @@ import {
   Twitter,
   User,
   X,
-  BookOpen as Book,
   ChevronDown,
   ZoomIn,
   ZoomOut,
@@ -61,15 +60,16 @@ export const Icons = {
   userPlus: UserPlus,
   thumbsUp: ThumbsUp,
   thumbsDown: ThumbsDown,
-  logo: Book,
+  logo: () => (
+    <Image src="/favicon-32x32.png" alt="fawnix.rocks" width={32} height={32} />
+  ),
   close: X,
   spinner: Loader2,
   chevronLeft: ChevronLeft,
   chevronRight: ChevronRight,
   trash: Trash,
   post: FileText,
   page: File,
-  media: Image,
   settings: Settings,
   billing: CreditCard,
   ellipsis: MoreVertical,

src/config/site.ts

@@ -1,7 +1,7 @@
 import { type SiteConfig } from "~/types";
 
 export const siteConfig: SiteConfig = {
-  name: "Kid's Reading",
+  name: "fawnix.rocks",
   description:
     "An open source application built using the new router, server components and everything new in Next.js 13.",
   url: "https://tx.shadcn.com",