refactor(mascot): replace ChibiMascot SVG with MascotImage PNG and simplify empty states

services/frontend/src/features/messages/components/ImageGrid.tsx

@@ -1,6 +1,6 @@
 import { parseMetadata } from "../../../entities/message/types";
 import type { MessageRecord } from "../../../shared/api/client";
-import { EmptyStateMascot } from "../../../widgets/mascot/ChibiMascot";
+import { EmptyStateMascot } from "../../../shared/ui";
 
 interface ImageItem {
   url: string;
@@ -68,7 +68,7 @@ export function ImageGrid({ messages }: { messages: MessageRecord[] }) {
   }
 
   if (images.length === 0) {
-    return <EmptyStateMascot variant="thinking" message="No images yet~" />;
+    return <EmptyStateMascot />;
   }
 
   return (

services/frontend/src/features/messages/components/MessageFeed.tsx

@@ -2,8 +2,7 @@ import { motion } from "framer-motion";
 import { useEffect, useMemo, useRef } from "react";
 import type { MessageRecord } from "../../../shared/api/client";
 import { cardItem, cardStagger } from "../../../shared/hooks/useFramerStagger";
-import { ScrollArea } from "../../../shared/ui";
-import { EmptyStateMascot } from "../../../widgets/mascot/ChibiMascot";
+import { ScrollArea, EmptyStateMascot } from "../../../shared/ui";
 import { MessageCard, MessageCardSkeleton } from "./MessageCard";
 
 export interface MessageFeedProps {
@@ -84,7 +83,7 @@ export function MessageFeed({
   }
 
   if (messages.length === 0) {
-    return <EmptyStateMascot variant="waving" message={emptyText} />;
+    return <EmptyStateMascot />;
   }
 
   return (