refactor: replaced rem with mantine constants

src/modals/EnterNameModal/EnterNameModal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button, Flex, rem, TextInput } from "@mantine/core";
+import { Button, Flex, TextInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { ContextModalProps } from "@mantine/modals";
 
@@ -35,7 +35,7 @@ const EnterNameModal = ({
     return (
         <form onSubmit={form.onSubmit(values => onSubmit(values))}>
             <Flex
-                gap={rem(10)}
+                gap={"xs"}
                 direction={"column"}>
                 <TextInput
                     {...form.getInputProps("name")}