work on team enrollment

src/features/core/components/settings-button.tsx

@@ -1,13 +1,13 @@
 import { Box } from "@mantine/core"
 import { GearIcon } from "@phosphor-icons/react"
 import { useNavigate } from "@tanstack/react-router"
+import { memo } from "react";
 
 interface SettingButtonProps {
-  offsetY: number;
   to: string;
 }
 
-const SettingsButton = ({ offsetY, to }: SettingButtonProps) => {
+const SettingsButton = ({ to }: SettingButtonProps) => {
   const navigate = useNavigate();
 
   return (
@@ -23,4 +23,4 @@ const SettingsButton = ({ offsetY, to }: SettingButtonProps) => {
   );
 }
 
-export default SettingsButton;
+export default memo(SettingsButton, (prev, next) => prev.to !== next.to);