feat(ui): add Local Server Cloud upgrade prompts (#11982)

ui/components/auth/oss/auth-layout.tsx

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 
-import { ProwlerExtended } from "@/components/icons";
 import { ThemeSwitch } from "@/components/ThemeSwitch";
 
 interface AuthLayoutProps {
@@ -21,11 +20,6 @@ export const AuthLayout = ({ title, children }: AuthLayoutProps) => {
           }}
         ></div>
 
-        {/* Prowler Logo */}
-        <div className="relative z-10 mb-8 flex w-full max-w-[300px]">
-          <ProwlerExtended width={300} className="h-auto w-full" />
-        </div>
-
         {/* Auth Form Container */}
         <div className="border-border-neutral-secondary dark:bg-bg-neutral-primary/85 relative z-10 flex w-full max-w-sm flex-col gap-4 rounded-[14px] border bg-white/90 px-8 py-10 shadow-sm md:max-w-md">
           {/* Header with Title and Theme Toggle */}

ui/components/auth/oss/public-auth-shell.tsx

@@ -0,0 +1,18 @@
+import type { ReactNode } from "react";
+
+import { ProwlerBrand } from "@/components/icons";
+
+interface PublicAuthShellProps {
+  children: ReactNode;
+}
+
+export const PublicAuthShell = ({ children }: PublicAuthShellProps) => {
+  return (
+    <div className="relative min-h-screen">
+      <div className="pointer-events-none absolute top-8 left-1/2 z-20 w-[200px] -translate-x-1/2">
+        <ProwlerBrand className="w-full" />
+      </div>
+      {children}
+    </div>
+  );
+};