feat: navbar and footer

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

@@ -1,9 +1,8 @@
 
 .container {
-    height: calc(100vh - 150px);
-
     @media (max-width: 48em) {
         width: 80vw;
+        height: calc(100vh - 200px);
     }
 }
 
@@ -11,6 +10,10 @@
     border-radius: var(--mantine-spacing-md);
     gap: 0;
 
+    @media (max-width: 48em) {
+        max-height: calc(100vh - 200px);
+    }
+
     @mixin light {
         background-color: var(--color-light-aqua);
     }

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

@@ -22,7 +22,7 @@ const StatusColumnWrapper = ({ renderHeader, children }: Props) => {
                     scrollbarSize={10}
                     type={"always"}
                     scrollbars={"y"}>
-                    <Stack mah={"calc(100vh - 220px)"}>{children}</Stack>
+                    <Stack mah={"calc(100vh - 250px)"}>{children}</Stack>
                 </ScrollArea>
             </Stack>
         </Box>