feat: deal with broken images

web/src/app/_components/markdown.tsx

@@ -39,6 +39,10 @@ export function Markdown({
     }
     return [rehypeKatex];
   }, [animate]);
+  const handleImgError = (e: React.SyntheticEvent<HTMLImageElement>) => {
+    e.currentTarget.style.display = "none";
+    console.warn(`Markdown: Image "${e.currentTarget.src}" failed to load`);
+  };
   return (
     <div
       className={cn(className, "markdown flex flex-col gap-4")}
@@ -53,6 +57,9 @@ export function Markdown({
               {children}
             </a>
           ),
+          img: ({ src, alt }) => (
+            <img src={src} alt={alt} onError={handleImgError} />
+          ),
         }}
         {...props}
       >