fix(logo-picker): corrigir renderização de miniaturas no modal

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/shared/components/logo-picker/logo-picker.tsx

@@ -49,14 +49,14 @@ export function LogoPickerTrigger({
 				className,
 			)}
 		>
-			<span className="flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
+			<span className="relative flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
 				{selectedLogoPath ? (
 					<Image
 						src={selectedLogoPath}
 						alt={selectedLogoLabel || "Logo selecionado"}
-						width={28}
+						fill
-						height={28}
+						sizes="32px"
-						className="h-full w-full object-contain"
+						className="object-contain p-0.5"
 					/>
 				) : (
 					<span className="text-[10px] text-muted-foreground">Logo</span>
@@ -161,14 +161,16 @@ export function LogoPickerDialog({
 											"border-primary bg-primary/5 ring-2 ring-primary/40",
 									)}
 								>
-									<span className="flex w-full items-center justify-center overflow-hidden rounded-full">
+									<span className="flex w-full items-center justify-center">
-										<Image
+										<span className="relative size-10 overflow-hidden rounded-full">
-											src={resolveLogoSrc(logo, { basePath }) ?? logo}
+											<Image
-											alt={logoLabel || logo}
+												src={resolveLogoSrc(logo, { basePath }) ?? logo}
-											width={40}
+												alt={logoLabel || logo}
-											height={40}
+												fill
-											className="rounded-full"
+												sizes="40px"
-										/>
+												className="object-contain"
+											/>
+										</span>
 									</span>
 									<span className="line-clamp-1 text-[10px] leading-tight text-muted-foreground">
 										{logoLabel}