feat: styles for deal drawer

src/app/deals/drawers/DealEditorDrawer/components/DealEditorBody.tsx

@@ -3,6 +3,7 @@ import { IconEdit } from "@tabler/icons-react";
 import { motion } from "framer-motion";
 import { Box, Tabs } from "@mantine/core";
 import GeneralTab from "@/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab";
+import useIsMobile from "@/hooks/utils/useIsMobile";
 import { DealSchema, ProjectSchema } from "@/lib/client";
 import { MODULES } from "@/modules/modules";
 import styles from "../DealEditorDrawer.module.css";
@@ -15,6 +16,8 @@ type Props = {
 };
 
 const DealEditorBody: FC<Props> = props => {
+    const isMobile = useIsMobile();
+
     const getTabPanel = (value: string, component: ReactNode): ReactNode => (
         <Tabs.Panel
             key={value}
@@ -53,6 +56,8 @@ const DealEditorBody: FC<Props> = props => {
     return (
         <Tabs
             defaultValue="general"
+            orientation={isMobile ? "horizontal" : "vertical"}
+            h={"100%"}
             classNames={{ tab: styles.tab }}>
             <Tabs.List>
                 <Tabs.Tab