style: clean up code with prettier and eslint

src/app/admin/users/_components/user-badges-readonly.tsx

@@ -1,22 +1,19 @@
-'use client'
+"use client";
 
 interface Badge {
-  id: number
-  badgeCode: string
+  id: number;
+  badgeCode: string;
 }
 
 export function UserBadgesReadonly({ badges }: { badges: Badge[] }) {
   if (badges.length === 0) {
-    return <p className="text-sm text-muted-foreground">No badges</p>
+    return <p className="text-sm text-muted-foreground">No badges</p>;
   }
 
   return (
     <div className="flex flex-wrap gap-2">
       {badges.map((badge) => (
-        <div
-          key={badge.id}
-          className="flex items-center gap-1.5 rounded-md border bg-card px-2 py-1 text-sm"
-        >
+        <div key={badge.id} className="flex items-center gap-1.5 rounded-md border bg-card px-2 py-1 text-sm">
           <img
             src={
               process.env.NEXT_PUBLIC_BADGE_URL
@@ -26,12 +23,12 @@ export function UserBadgesReadonly({ badges }: { badges: Badge[] }) {
             alt={badge.badgeCode}
             className="h-5 w-5"
             onError={(e) => {
-              ;(e.target as HTMLImageElement).style.display = 'none'
+              (e.target as HTMLImageElement).style.display = "none";
             }}
           />
           <span>{badge.badgeCode}</span>
         </div>
       ))}
     </div>
-  )
+  );
 }