Fix: Header Admin link loading state

src/components/layout/Header.tsx

@@ -28,7 +28,7 @@ export function Header() {
   const [open, setOpen] = useState(false);
   const [mobileSearchOpen, setMobileSearchOpen] = useState(false);
   const { user } = useAuth();
-  const { isModerator } = useUserRole();
+  const { isModerator, loading: rolesLoading } = useUserRole();
   const isMobile = useIsMobile();
 
   return (
@@ -94,7 +94,7 @@ export function Header() {
                   >
                     Property Owners
                   </Link>
-                  {isModerator() && (
+                  {!rolesLoading && isModerator() && (
                     <>
                       <div className="my-2 border-t border-border" />
                       <Link
@@ -214,7 +214,7 @@ export function Header() {
                 </NavigationMenuList>
               </NavigationMenu>
 
-              {isModerator() && (
+              {!rolesLoading && isModerator() && (
                 <Button variant="ghost" size="sm" className="h-9" asChild>
                   <Link to="/admin">Admin</Link>
                 </Button>