feat: a few tabs for module, deal services tab for mobiles

src/components/ui/InlineButton/InlineButton.tsx

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+import { Button, ButtonProps, Group } from "@mantine/core";
+
+interface Props extends ButtonProps {
+    children?: ReactNode;
+    onClick?: () => void;
+}
+
+const InlineButton = ({ children, onClick, ...props }: Props) => {
+    return (
+        <Button
+            variant="default"
+            onClick={onClick}
+            {...props}>
+            <Group
+                gap="sm"
+                wrap={"nowrap"}>
+                {children}
+            </Group>
+        </Button>
+    );
+};
+
+export default InlineButton;