feat: header in deal editor for mobile

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

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React, { FC } from "react";
 import { IconCircleDotted, IconEdit } from "@tabler/icons-react";
 import { Tabs, Text } from "@mantine/core";
 import GeneralTab from "@/app/deals/drawers/DealEditorDrawer/tabs/GeneralTab/GeneralTab";
@@ -10,10 +10,11 @@ type Props = {
     project: ProjectSchema;
     dealsCrud: DealsCrud;
     deal: DealSchema;
+    setDeal: React.Dispatch<React.SetStateAction<DealSchema>>;
     onClose: () => void;
 };
 
-const DealEditorBody: FC<Props> = ({ project, dealsCrud, deal, onClose }) => {
+const DealEditorBody: FC<Props> = props => {
     return (
         <Tabs
             defaultValue="general"
@@ -32,12 +33,7 @@ const DealEditorBody: FC<Props> = ({ project, dealsCrud, deal, onClose }) => {
             </Tabs.List>
 
             <Tabs.Panel value="general">
-                <GeneralTab
-                    project={project}
-                    dealsCrud={dealsCrud}
-                    deal={deal}
-                    onClose={onClose}
-                />
+                <GeneralTab {...props} />
             </Tabs.Panel>
             <Tabs.Panel value="mock">
                 <Text>mock</Text>