feat: temp shitty fixes to alexender know how to do better

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

@@ -1,7 +1,7 @@
 "use client";
 
 import { IconChevronLeft, IconSettings } from "@tabler/icons-react";
-import { Box, Group, Stack, Text } from "@mantine/core";
+import { Box, Flex, Group, Stack, Text } from "@mantine/core";
 import Boards from "@/app/deals/components/shared/Boards/Boards";
 import { useBoardsContext } from "@/app/deals/contexts/BoardsContext";
 import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
@@ -17,25 +17,28 @@ const Header = () => {
     } = useProjectsContext();
     const { setIsEditorDrawerOpened } = useBoardsContext();
     const isMobile = useIsMobile();
-
     const getDesktopHeader = () => {
         return (
-            <Group
-                w={"100%"}
-                gap={0}
-                justify={"end"}
-                wrap={"nowrap"}>
+            <Flex
+                wrap={"nowrap"}
+                justify={"space-between"}>
                 <Boards />
-                <ProjectSelect
-                    data={projects}
-                    value={selectedProject}
-                    onChange={value => value && setSelectedProject(value)}
-                    style={{
-                        borderBottom: "solid gray 2px",
-                        paddingBottom: 5,
-                    }}
+                <Box
+                    flex={1}
+                    style={{ borderBottom: "2px solid gray" }}
                 />
-            </Group>
+                <Flex
+                    align={"center"}
+                    style={{
+                        borderBottom: "2px solid gray",
+                    }}>
+                    <ProjectSelect
+                        data={projects}
+                        value={selectedProject}
+                        onChange={value => value && setSelectedProject(value)}
+                    />
+                </Flex>
+            </Flex>
         );
     };