refactor(components): migrate shared styles to tailwind

src/app/_components/character-avatar.tsx

@@ -3,8 +3,6 @@
 import Image from "next/image";
 import type { CSSProperties } from "react";
 
-import styles from "./character-avatar.module.css";
-
 export interface CharacterAvatarProps {
   src?: string;
   alt?: string;
@@ -31,7 +29,12 @@ export function CharacterAvatar({
 
   return (
     <span
-      className={[styles.avatar, className].filter(Boolean).join(" ")}
+      className={[
+        "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-[var(--color-avatar-border,#fbf3f5)]",
+        className,
+      ]
+        .filter(Boolean)
+        .join(" ")}
       style={style}
     >
       <Image
@@ -40,6 +43,7 @@ export function CharacterAvatar({
         width={resolvedImageSize}
         height={resolvedImageSize}
         priority={priority}
+        className="size-full object-cover"
       />
     </span>
   );