settings link, uneroll team server fn

src/features/core/components/header.tsx

@@ -2,17 +2,19 @@ import { Title, AppShell, Flex } from "@mantine/core";
 import { HeaderConfig } from "../types/header-config";
 import BackButton from "./back-button";
 import { useMemo } from "react";
+import SettingsButton from "./settings-button";
 interface HeaderProps extends HeaderConfig {
   scrollPosition: { x: number, y: number };
 }
 
-const Header = ({ withBackButton, collapsed, title, scrollPosition }: HeaderProps) => {
+const Header = ({ withBackButton, settingsLink, collapsed, title, scrollPosition }: HeaderProps) => {
   const offsetY = useMemo(() => {
     return collapsed ? scrollPosition.y : 0;
   }, [collapsed, scrollPosition.y]);
 
   return (
     <>
+      {settingsLink && <SettingsButton to={settingsLink} offsetY={offsetY} />}
       {withBackButton && <BackButton offsetY={offsetY} />}
       <AppShell.Header id='app-header' display={collapsed ? 'none' : 'block'}>
         <Flex justify='center' align='center' h='100%' px='md'>