style: clean up code with prettier and eslint

src/app/admin/users/[id]/user-badges-section.tsx

@@ -1,39 +1,39 @@
-'use client'
+"use client";
 
-import { Plus, X } from 'lucide-react'
-import { useState } from 'react'
-import { giveBadge, removeBadge } from '@/actions/users'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
-import { Input } from '@/components/ui/input'
-import { useServerAction } from '@/hooks/use-server-action'
+import { Plus, X } from "lucide-react";
+import { useState } from "react";
+import { giveBadge, removeBadge } from "@/actions/users";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { useServerAction } from "@/hooks/use-server-action";
 
 interface BadgeInfo {
-  id: number
-  badgeCode: string
+  id: number;
+  badgeCode: string;
 }
 
 interface UserBadgesSectionProps {
-  userId: number
-  badges: BadgeInfo[]
+  userId: number;
+  badges: BadgeInfo[];
 }
 
 export function UserBadgesSection({ userId, badges }: UserBadgesSectionProps) {
-  const { isPending, run } = useServerAction()
-  const [newBadge, setNewBadge] = useState('')
+  const { isPending, run } = useServerAction();
+  const [newBadge, setNewBadge] = useState("");
 
   function handleAddBadge() {
-    if (!newBadge.trim()) return
+    if (!newBadge.trim()) return;
     run(() => giveBadge({ userId, badgeCode: newBadge.trim() }), {
       successMessage: `Badge "${newBadge.trim()}" added.`,
-      onSuccess: () => setNewBadge(''),
-    })
+      onSuccess: () => setNewBadge(""),
+    });
   }
 
   function handleRemoveBadge(badgeCode: string) {
     run(() => removeBadge({ userId, badgeCode }), {
       successMessage: `Badge "${badgeCode}" removed.`,
-    })
+    });
   }
 
   return (
@@ -47,7 +47,7 @@ export function UserBadgesSection({ userId, badges }: UserBadgesSectionProps) {
             value={newBadge}
             onChange={(e) => setNewBadge(e.target.value)}
             placeholder="Badge code..."
-            onKeyDown={(e) => e.key === 'Enter' && handleAddBadge()}
+            onKeyDown={(e) => e.key === "Enter" && handleAddBadge()}
           />
           <Button size="icon" onClick={handleAddBadge} disabled={isPending}>
             <Plus className="h-4 w-4" />
@@ -69,7 +69,7 @@ export function UserBadgesSection({ userId, badges }: UserBadgesSectionProps) {
                 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>
@@ -88,5 +88,5 @@ export function UserBadgesSection({ userId, badges }: UserBadgesSectionProps) {
         </div>
       </CardContent>
     </Card>
-  )
+  );
 }