feat: add Layonara branding assets and IDE header

packages/frontend/src/layouts/IDELayout.tsx

@@ -41,15 +41,18 @@ export function IDELayout({ sidebar }: { sidebar?: React.ReactNode }) {
         className="flex shrink-0 items-center gap-6 px-4 py-2"
         style={{ borderBottom: "1px solid var(--forge-border)" }}
       >
-        <h1
+        <div className="flex items-center gap-2">
+          <img src="/layonara.png" alt="Layonara" style={{ width: "130px" }} />
+          <span
             className="text-lg font-bold"
             style={{
               fontFamily: "'Baskerville', 'Georgia', 'Palatino', serif",
               color: "var(--forge-accent)",
             }}
           >
-          Layonara Forge
+            Forge
-        </h1>
+          </span>
+        </div>
         <nav className="flex flex-1 items-center gap-1">
           {NAV_ITEMS.map((item) => {
             const isActive =

packages/frontend/src/layouts/SetupLayout.tsx

@@ -3,8 +3,11 @@ import { Outlet } from "react-router-dom";
 export function SetupLayout() {
   return (
     <div
-      className="flex min-h-screen items-center justify-center p-4"
+      className="flex min-h-screen items-center justify-center bg-cover bg-center bg-no-repeat p-4"
-      style={{ backgroundColor: "var(--forge-bg)" }}
+      style={{
+        backgroundColor: "var(--forge-bg)",
+        backgroundImage: "linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.85)), url('/page-bg.jpg')",
+      }}
     >
       <div className="w-full max-w-2xl">
         <h1