chore: standardize security and quality foundations

frontend/app/ui/BrandingLogo.tsx

@@ -1,21 +1,21 @@
-'use client'
+"use client";
 
-import { useState } from 'react'
+import { useState } from "react";
 
 type BrandingLogoProps = {
-  className?: string
-  alt?: string
-}
+  className?: string;
+  alt?: string;
+};
 
-export default function BrandingLogo({ className, alt = 'Magent logo' }: BrandingLogoProps) {
-  const [loaded, setLoaded] = useState(false)
-  const [failed, setFailed] = useState(false)
+export default function BrandingLogo({ className, alt = "Magent logo" }: BrandingLogoProps) {
+  const [loaded, setLoaded] = useState(false);
+  const [failed, setFailed] = useState(false);
 
   return (
-    <span className={`${className ?? ''} branding-logo-shell`} role="img" aria-label={alt}>
+    <span className={`${className ?? ""} branding-logo-shell`} role="img" aria-label={alt}>
       {!failed ? (
         <img
-          className={loaded ? 'is-loaded' : undefined}
+          className={loaded ? "is-loaded" : undefined}
           src="/api/branding/logo.png"
           alt=""
           aria-hidden="true"
@@ -33,12 +33,9 @@ export default function BrandingLogo({ className, alt = 'Magent logo' }: Brandin
           </defs>
           <rect width="64" height="64" rx="12" fill="#0b1328" />
           <rect x="6" y="6" width="52" height="52" rx="9" fill="#111a33" />
-          <path
-            d="M16 48V16h8l8 13 8-13h8v32h-8V30l-8 12-8-12v18h-8z"
-            fill="url(#magentLogoGlow)"
-          />
+          <path d="M16 48V16h8l8 13 8-13h8v32h-8V30l-8 12-8-12v18h-8z" fill="url(#magentLogoGlow)" />
         </svg>
       ) : null}
     </span>
-  )
+  );
 }