fix: fixed attributes page header

src/app/attributes/components/AttributesHeader.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Dispatch, FC, SetStateAction, useMemo } from "react";
-import { Group, TextInput } from "@mantine/core";
+import { Divider, Flex, Group, TextInput } from "@mantine/core";
 import AttrViewSegmentedControl from "@/app/attributes/components/AttrViewSegmentedControl";
 import { useAttributesContext } from "@/app/attributes/contexts/AttributesContext";
 import AttributePageView from "@/app/attributes/types/view";
@@ -63,19 +63,24 @@ const AttributesHeader: FC<Props> = ({ view, setView }) => {
     );
 
     return (
-        <Group
+        <Flex
             wrap={"nowrap"}
+            gap={"xs"}
+            align={isMobile ? "unset" : "center"}
             mt={isMobile ? "xs" : ""}
             mx={isMobile ? "xs" : ""}
+            direction={isMobile ? "column-reverse" : "row"}
             justify={"space-between"}>
             {view === AttributePageView.ATTRIBUTES
                 ? attributeActions
                 : selectActions}
+            {isMobile && <Divider />}
             <AttrViewSegmentedControl
                 value={view}
                 onChange={setView}
+                styles={{ root: { margin: 0, padding: 0 } }}
             />
-        </Group>
+        </Flex>
     );
 };