feat: select view buttons

src/app/deals/components/shared/Boards/Boards.module.css

@@ -1,6 +1,6 @@
 .container {
     @media (min-width: 48em) {
-        max-width: calc(100vw - 450px);
+        max-width: calc(100vw - 210px - var(--mantine-spacing-md));
     }
     @media (max-width: 48em) {
         max-width: 100vw;

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

@@ -0,0 +1,28 @@
+"use client";
+
+import { Space } from "@mantine/core";
+import MainBlockHeader from "@/app/deals/components/mobile/MainBlockHeader/MainBlockHeader";
+import Funnel from "@/app/deals/components/shared/Funnel/Funnel";
+import { DealsContextProvider } from "@/app/deals/contexts/DealsContext";
+import { useViewContext } from "@/app/deals/contexts/ViewContext";
+
+const PageBody = () => {
+    const { view } = useViewContext();
+
+    if (view === "board")
+        return (
+            <>
+                <MainBlockHeader />
+                <Space h={"md"} />
+                <DealsContextProvider>
+                    <Funnel />
+                </DealsContextProvider>
+            </>
+        );
+
+    if (view === "table") return <>-</>;
+
+    return <>-</>;
+};
+
+export default PageBody;

src/app/deals/components/shared/StatusColumnWrapper/StatusColumnWrapper.module.css

@@ -1,6 +1,6 @@
 
 .container {
-    height: calc(100vh - 150px);
+    height: calc(100vh - 210px);
     @media (max-width: 48em) {
         width: 80vw;
         height: calc(100vh - 215px);