feat(frontend): gate header auth UI behind capabilities.login

Author: skypank-coder

application/frontend/src/hooks/useCapabilities.ts

@@ -4,6 +4,7 @@ import { useEnvironment } from './useEnvironment';
 
 export type Capabilities = {
   myopencre: boolean;
+  login: boolean;
 };
 
 export const useCapabilities = () => {
@@ -17,7 +18,7 @@ export const useCapabilities = () => {
     fetch(`${baseUrl}/api/capabilities`)
       .then((res) => res.json())
       .then(setCapabilities)
-      .catch(() => setCapabilities({ myopencre: false }))
+      .catch(() => setCapabilities({ myopencre: false, login: false }))
       .finally(() => setLoading(false));
   }, [apiUrl]);
 

application/frontend/src/scaffolding/Header/Header.tsx

@@ -103,7 +103,7 @@ export const Header = ({ capabilities }: HeaderProps) => {
             </div>
 
             <div className="navbar__actions">
-              {!userLoading && (
+              {capabilities.login && !userLoading && (
                 <div className="navbar__desktop-auth">
                   {isLoggedIn ? (
                     <div className="user-info">
@@ -209,7 +209,7 @@ export const Header = ({ capabilities }: HeaderProps) => {
           )}
         </div>
 
-        {!userLoading && (
+        {capabilities.login && !userLoading && (
           <div className="mobile-auth">
             {isLoggedIn ? (
               <div className="user-info">