fix: remove border from badge thumbnails to preserve transparency

src/components/BadgeThumbnail.tsx

@@ -22,7 +22,7 @@ export function BadgeThumbnail({ badge, size = 48, className }: BadgeThumbnailPr
       src={thumbUrl}
       alt={badge.name}
       className={cn(
-        'rounded-lg object-cover border border-border bg-background',
+        'rounded-lg object-cover',
         className,
       )}
       style={{ width: size, height: size }}

src/components/CreateBadgeDialog.tsx

@@ -205,7 +205,7 @@ export function CreateBadgeDialog({ open, onOpenChange }: CreateBadgeDialogProps
                 </div>
 
                 {imageUrl && (
-                  <div className="mx-auto w-20 h-20 rounded-xl overflow-hidden bg-secondary/10 border border-border">
+                  <div className="mx-auto w-20 h-20 rounded-xl overflow-hidden">
                     <img src={imageUrl} alt={badgeName} className="w-full h-full object-cover" />
                   </div>
                 )}