refactor: replaced rem with mantine constants

src/app/deals/components/shared/CreateDealButton/components/CreateCardForm.tsx

@@ -4,7 +4,7 @@ import { Button, Group, Stack, TextInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
 import { ClientSchema } from "@/lib/client";
-import ClientSelect from "@/modules/dealModularEditorTabs/Clients/shared/components/ClientSelect";
+import ClientSelect from "@/modules/dealModularEditorTabs/Clients/components/ClientSelect";
 import { ModuleNames } from "@/modules/modules";
 
 export type CreateDealForm = {

src/app/deals/drawers/BoardsMobileEditorDrawer/BoardsMobileEditorDrawer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { FC } from "react";
-import { Drawer, rem } from "@mantine/core";
+import { Drawer } from "@mantine/core";
 import BoardsDrawerBody from "@/app/deals/drawers/BoardsMobileEditorDrawer/components/BoardsDrawerBody";
 import { BoardsMobileContextProvider } from "@/app/deals/drawers/BoardsMobileEditorDrawer/contexts/BoardsMobileContext";
 import { DrawerProps } from "@/drawers/types";
@@ -30,7 +30,7 @@ const BoardsMobileEditorDrawer: FC<DrawerProps<Props>> = ({
                     height: "100%",
                     display: "flex",
                     flexDirection: "column",
-                    gap: rem(10),
+                    gap: "xs",
                 },
             }}>
             <BoardsMobileContextProvider project={project}>

src/app/deals/drawers/ProjectsMobileEditorDrawer/ProjectsMobileEditorDrawer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { FC } from "react";
-import { Center, Divider, Drawer, rem, Text } from "@mantine/core";
+import { Center, Divider, Drawer, Text } from "@mantine/core";
 import { ProjectsContextProvider } from "@/app/deals/contexts/ProjectsContext";
 import ProjectsDrawerBody from "@/app/deals/drawers/StatusesMobileEditorDrawer/components/ProjectsDrawerBody";
 import { DrawerProps } from "@/drawers/types";
@@ -30,7 +30,7 @@ const ProjectsMobileEditorDrawer: FC<DrawerProps<Props>> = ({
                     height: "100%",
                     display: "flex",
                     flexDirection: "column",
-                    gap: rem(10),
+                    gap: "xs",
                 },
             }}>
             <Center>

src/app/deals/drawers/StatusesMobileEditorDrawer/StatusesMobileEditorDrawer.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import React, { FC } from "react";
-import { Drawer, rem } from "@mantine/core";
+import { Drawer } from "@mantine/core";
 import StatusesDrawerBody from "@/app/deals/drawers/StatusesMobileEditorDrawer/components/StatusesDrawerBody";
 import { StatusesMobileContextProvider } from "@/app/deals/drawers/StatusesMobileEditorDrawer/contexts/BoardStatusesContext";
 import { DrawerProps } from "@/drawers/types";
@@ -30,7 +30,7 @@ const StatusesMobileEditorDrawer: FC<DrawerProps<Props>> = ({
                     height: "100%",
                     display: "flex",
                     flexDirection: "column",
-                    gap: rem(10),
+                    gap: "xs",
                 },
             }}>
             <StatusesMobileContextProvider board={board}>

src/app/deals/modals/DealsBoardFiltersModal/DealsBoardFiltersModal.tsx

@@ -4,7 +4,6 @@ import {
     Button,
     Flex,
     NumberInput,
-    rem,
     Space,
     Text,
     TextInput,
@@ -37,7 +36,7 @@ const DealsBoardFiltersModal = ({
     return (
         <form onSubmit={filtersForm.onSubmit(onSubmit)}>
             <Flex
-                gap={rem(10)}
+                gap={"xs"}
                 direction={"column"}>
                 <NumberInput
                     label={"ID"}

src/app/deals/modals/DealsScheduleFiltersModal/DealsScheduleFiltersModal.tsx

@@ -4,7 +4,6 @@ import {
     Button,
     Flex,
     NumberInput,
-    rem,
     Space,
     Text,
     TextInput,
@@ -39,7 +38,7 @@ const DealsScheduleFiltersModal = ({
     return (
         <form onSubmit={filtersForm.onSubmit(onSubmit)}>
             <Flex
-                gap={rem(10)}
+                gap={"xs"}
                 direction={"column"}>
                 <NumberInput
                     label={"ID"}

src/app/deals/modals/DealsTableFiltersModal/DealsTableFiltersModal.tsx

@@ -4,7 +4,6 @@ import {
     Button,
     Flex,
     NumberInput,
-    rem,
     Space,
     Text,
     TextInput,
@@ -39,7 +38,7 @@ const DealsTableFiltersModal = ({
     return (
         <form onSubmit={filtersForm.onSubmit(onSubmit)}>
             <Flex
-                gap={rem(10)}
+                gap={"xs"}
                 direction={"column"}>
                 <NumberInput
                     label={"ID"}