refactor: theme icon for icon size setting

src/app/deals/components/shared/StatusMenu/StatusMenu.tsx

@@ -9,7 +9,7 @@ import { Box, Group, Menu, Text } from "@mantine/core";
 import { useDrawersContext } from "@/drawers/DrawersContext";
 import useIsMobile from "@/hooks/utils/useIsMobile";
 import { BoardSchema, StatusSchema } from "@/lib/client";
-import { iconSizeSm } from "@/theme";
+import ThemeIcon from "@/components/ui/ThemeIcon/ThemeIcon";
 
 type Props = {
     status: StatusSchema;
@@ -37,7 +37,9 @@ const StatusMenu: FC<Props> = ({
                 <Box
                     style={{ cursor: "pointer" }}
                     onClick={e => e.stopPropagation()}>
-                    <IconDotsVertical size={iconSizeSm} />
+                    <ThemeIcon size={"sm"}>
+                        <IconDotsVertical />
+                    </ThemeIcon>
                 </Box>
             </Menu.Target>
             <Menu.Dropdown>