Align indexing status dot button with other action icons

- Reverted the status dot to its original 8px size for visual consistency.
- Updated the button container to use the same size, padding, and alignment as other IconButton actions (min-w-[28px], min-h-[28px], p-1.5, flex centering).
- Ensured the dot is perfectly centered and the clickable area matches other chat input action buttons.

Author: MuriloFP

webview-ui/src/components/chat/IndexingStatusBadge.tsx

@@ -109,7 +109,15 @@ export const IndexingStatusDot: React.FC<IndexingStatusDotProps> = ({ className
 					onMouseEnter={handleMouseEnterButton}
 					onMouseLeave={handleMouseLeaveButton}
 					className={cn(
-						"flex items-center px-2 py-1 rounded-md bg-transparent hover:bg-vscode-list-hoverBackground cursor-pointer transition-all duration-200 opacity-85 hover:opacity-100",
+						"relative inline-flex items-center justify-center",
+						"bg-transparent border-none p-1.5",
+						"rounded-md min-w-[28px] min-h-[28px]",
+						"opacity-85 text-vscode-foreground",
+						"transition-all duration-150",
+						"hover:opacity-100 hover:bg-[rgba(255,255,255,0.03)] hover:border-[rgba(255,255,255,0.15)]",
+						"focus:outline-none focus-visible:ring-1 focus-visible:ring-vscode-focusBorder",
+						"active:bg-[rgba(255,255,255,0.1)]",
+						className,
 					)}
 					aria-label={getTooltipText()}>
 					<span