prettier, image updates, and bug fixes

web/src/middleware.ts

···
 import type { APIContext } from "astro";
+import { readFile } from "node:fs/promises";
+import { join } from "node:path";
 
 const API_PORT = process.env.API_PORT || 8081;
 const API_URL = process.env.API_URL || `http://localhost:${API_PORT}`;
···
 
 const CORS_HEADERS = {
   "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, OPTIONS",
-  "Access-Control-Allow-Headers": "Accept, Authorization, Content-Type, X-CSRF-Token, X-Session-Token",
+  "Access-Control-Allow-Headers":
+    "Accept, Authorization, Content-Type, X-CSRF-Token, X-Session-Token",
   "Access-Control-Expose-Headers": "Link",
   "Access-Control-Allow-Credentials": "true",
   "Access-Control-Max-Age": "300",
···
   { request, url }: APIContext,
   next: () => Promise<Response>,
 ): Promise<Response> {
+  if (url.pathname === "/favicon.ico") {
+    try {
+      const file = await readFile(
+        join(process.cwd(), "dist", "client", "favicon.ico"),
+      );
+      return new Response(file, {
+        headers: {
+          "Content-Type": "image/x-icon",
+          "Cache-Control": "public, max-age=86400",
+        },
+      });
+    } catch {
+      /* ignore */
+    }
+  }
+
   const shouldProxy = PROXY_PATHS.some(
     (p) => url.pathname.startsWith(p) || url.pathname === p.replace(/\/$/, ""),
   );

web/src/types.ts

···
   replyCount?: number;
   repostCount?: number;
   children?: AnnotationItem[];
+  inReplyTo?: string;
   viewer?: {
     like?: string;
   };

web/src/views/core/Notifications.tsx

···
           return "liked your post";
       }
     case "reply": {
-      const parentUri = (subject as any)?.inReplyTo as string | undefined;
-      const parentIsReply = parentUri ? getContentType(parentUri) === "reply" : false;
-      return parentIsReply ? "replied to your reply" : "replied to your annotation";
+      const parentUri = subject?.inReplyTo;
+      const parentIsReply = parentUri
+        ? getContentType(parentUri) === "reply"
+        : false;
+      return parentIsReply
+        ? "replied to your reply"
+        : "replied to your annotation";
     }
     case "mention":
       return "mentioned you in an annotation";
···
           </p>
         )}
         {body && (
-          <p className="text-surface-700 dark:text-surface-300 text-sm line-clamp-2">{body}</p>
+          <p className="text-surface-700 dark:text-surface-300 text-sm line-clamp-2">
+            {body}
+          </p>
         )}
       </>
     );
···
     );
   } else if (contentType === "reply") {
     const text = item?.text;
-    const parentUri = (item as any)?.inReplyTo as string | undefined;
-    const parentIsReply = parentUri ? getContentType(parentUri) === "reply" : false;
+    const parentUri = item?.inReplyTo;
+    const parentIsReply = parentUri
+      ? getContentType(parentUri) === "reply"
+      : false;
     preview = (
       <>
         {text && (
-          <p className="text-surface-700 dark:text-surface-300 text-sm line-clamp-2">{text}</p>
+          <p className="text-surface-700 dark:text-surface-300 text-sm line-clamp-2">
+            {text}
+          </p>
         )}
         {parentUri && (
           <p className="text-surface-400 dark:text-surface-500 text-xs mt-1">
···
       <div className="space-y-2">
         {notifications.map((n) => {
           const contentType = getContentType(n.subjectUri || "");
-          const verb = getNotificationVerb(n.type, contentType, n.subject as AnnotationItem);
+          const verb = getNotificationVerb(
+            n.type,
+            contentType,
+            n.subject as AnnotationItem,
+          );
           const timeAgo = formatDistanceToNow(new Date(n.createdAt), {
             addSuffix: false,
           });
···
                 </div>
                 <div className="flex-1 min-w-0">
                   <div className="flex items-start gap-2 flex-wrap">
-                    <Link
-                      to={`/profile/${n.actor.did}`}
-                      className="shrink-0"
-                    >
+                    <Link to={`/profile/${n.actor.did}`} className="shrink-0">
                       <Avatar src={n.actor.avatar} size="xs" />
                     </Link>
                     <div className="flex-1 min-w-0">
···
                           className="font-semibold text-surface-900 dark:text-white hover:underline"
                         >
                           {n.actor.displayName || `@${n.actor.handle}`}
-                        </Link>
-                        {" "}
+                        </Link>{" "}
                         {n.type !== "follow" && n.subjectUri ? (
                           <Link
                             to={`/annotation/${encodeURIComponent(n.subjectUri)}`}