frontmatter in skills files

src/apps/officer-web/Screens/Authentication/Layout/AuthenticationLayout.tsx

@@ -7,7 +7,7 @@ export function AuthenticationLayout({ children }: AuthenticationLayoutProps) {
     <div className="relative overflow-hidden h-dvh outline-none inset-0">
       <section className="relative h-dvh snap-start overflow-hidden">
         <Background />
-        <div className="absolute inset-0 z-520">
+        <div className="absolute inset-0 z-20">
           <div className="absolute inset-x-0 bottom-0 z-20 flex justify-center pb-8 md:pb-12">
             {children}
           </div>

src/apps/officer-web/Screens/Authentication/Layout/Background.tsx

@@ -1,8 +1,11 @@
 import { DuckAvatar } from "./DuckAvatar";
 import { PixelGrid } from "@/components/PixelGrid";
+import { useGlobal } from 'hooks/useGlobal';
 import landscapebg from './landscape1.jpg';
 
 export function Background() {
+  const [duckHidden] = useGlobal('DUCK_HIDDEN', false);
+
   return (
     <div
       className="absolute inset-0 z-0"
@@ -13,7 +16,7 @@ export function Background() {
       }}
     >
       <PixelGrid />
-      <DuckAvatar showDebug={false} fullControlMode={false} currentSection={0} />
+      {!duckHidden && <DuckAvatar showDebug={false} fullControlMode={false} currentSection={0} />}
     </div>
   );
 };