refactor: standardize component radii by removing explicit TrustBadge border radius and setting default ActionIcon radius to 0.

Author: ciro-maciel

src/components/TrustBadge.jsx

@@ -1,38 +1,46 @@
-import { Box, Group, Text, ThemeIcon } from "@mantine/core";
-import { IconCircleCheck } from "@tabler/icons-react";
-import { resolveBackground } from "../configs/backgrounds.js";
+import { Box, Group, Text, ThemeIcon } from '@mantine/core'
+import { IconCircleCheck } from '@tabler/icons-react'
+import { resolveBackground } from '../configs/backgrounds.js'
 
 /**
  * TrustBadge - A trust/certification seal badge.
  * (Previously: SeloExclusivo)
  */
-export function TrustBadge({
-  text = "Selo Exclusivo RiLiGar",
-  color = "green.6",
-  background = "gray",
-}) {
-  const bg = resolveBackground(background);
-  return (
-    <Box
-      p="xs"
-      bg={bg}
-      style={{
-        borderRadius: "8px",
-        border: "1px solid var(--mantine-color-gray-2)",
-        display: "inline-block",
-      }}
-    >
-      <Group gap="xs">
-        <ThemeIcon color={color} variant="light" size="sm" radius="xl">
-          <IconCircleCheck size={14} aria-hidden="true" />
-        </ThemeIcon>
-        <Text size="xs" fw={700} c="gray.7" tt="uppercase" lts={0.5}>
-          {text}
-        </Text>
-      </Group>
-    </Box>
-  );
+export function TrustBadge({ text = 'Selo Exclusivo RiLiGar', color = 'green.6', background = 'gray' }) {
+    const bg = resolveBackground(background)
+    return (
+        <Box
+            p="xs"
+            bg={bg}
+            style={{
+                border: '1px solid var(--mantine-color-gray-2)',
+                display: 'inline-block',
+            }}
+        >
+            <Group gap="xs">
+                <ThemeIcon
+                    color={color}
+                    variant="light"
+                    size="sm"
+                >
+                    <IconCircleCheck
+                        size={14}
+                        aria-hidden="true"
+                    />
+                </ThemeIcon>
+                <Text
+                    size="xs"
+                    fw={700}
+                    c="gray.7"
+                    tt="uppercase"
+                    lts={0.5}
+                >
+                    {text}
+                </Text>
+            </Group>
+        </Box>
+    )
 }
 
 /** @deprecated Use TrustBadge instead */
-export const SeloExclusivo = TrustBadge;
+export const SeloExclusivo = TrustBadge

src/theme.js

@@ -120,6 +120,11 @@ export const theme = createTheme({
                 size: 'lg',
             },
         },
+        ActionIcon: {
+            defaultProps: {
+                radius: '0',
+            },
+        },
         Divider: {
             defaultProps: {
                 color: 'gray.2',