Update to use react-editor <App /> component

editor/components/landing/banner.editor.tsx

@@ -1,36 +1,6 @@
 import { ComponentConfig } from "@reacteditor/core";
 import { Megaphone } from "lucide-react";
-import { cn } from "@/editor/lib/utils";
-
-export type BannerProps = {
-  text: string;
-  ctaLabel: string;
-  ctaHref: string;
-  tone: "default" | "inverse" | "muted";
-};
-
-function Banner({ text, ctaLabel, ctaHref, tone }: BannerProps) {
-  const toneClass: Record<BannerProps["tone"], string> = {
-    default: "bg-foreground text-background",
-    inverse: "bg-background text-foreground border-y border-border",
-    muted: "bg-muted text-foreground border-y border-border",
-  };
-  return (
-    <div className={cn("w-full py-2 text-center text-xs tracking-[0.18em] uppercase", toneClass[tone])}>
-      <div className="container mx-auto flex flex-col items-center justify-center gap-2 px-6 sm:flex-row">
-        <span>{text}</span>
-        {ctaLabel ? (
-          <a
-            href={ctaHref || "#"}
-            className="underline-offset-4 hover:underline"
-          >
-            {ctaLabel} →
-          </a>
-        ) : null}
-      </div>
-    </div>
-  );
-}
+import { Banner, type BannerProps } from "@/editor/components/landing/banner";
 
 export const bannerEditor: ComponentConfig<BannerProps> = {
   label: "Announcement bar",