Add HaBit brand mark to the app top bar.

Surfaces reusable top-right branding alongside the home logo for consistent pixel-themed app identity.

components/layout/app-top-bar.tsx

@@ -2,6 +2,7 @@
 
 import { usePathname } from "next/navigation";
 
+import { HabitBrand } from "@/components/layout/habit-brand";
 import { HomeLogoLink } from "@/components/layout/home-logo-link";
 import { routes } from "@/lib/routes";
 import { cn } from "@/lib/utils";
@@ -25,11 +26,12 @@ export function AppTopBar({ className }: AppTopBarProps) {
         paddingTop: "env(safe-area-inset-top, 0px)",
       }}
     >
-      <div className="mx-auto flex h-full max-w-6xl items-center px-4">
+      <div className="mx-auto flex h-full max-w-6xl items-center justify-between px-4">
         <HomeLogoLink
           className="mt-0"
           aria-current={isHome ? "page" : undefined}
         />
+        <HabitBrand />
       </div>
     </header>
   );