Finish migrating components

app/components/ConditionalHeader/ConditionalHeader.container.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { memo } from "react";
+import { usePathname } from "next/navigation";
+import { ConditionalHeaderView } from "./ConditionalHeader.view";
+import type { ConditionalHeaderProps } from "./ConditionalHeader.types";
+
+const ConditionalHeaderContainer = memo<ConditionalHeaderProps>(() => {
+  const pathname = usePathname();
+  const isHomePage = pathname === "/";
+
+  return <ConditionalHeaderView isHomePage={isHomePage} />;
+});
+
+ConditionalHeaderContainer.displayName = "ConditionalHeader";
+
+export default ConditionalHeaderContainer;

app/components/ConditionalHeader/ConditionalHeader.types.ts

@@ -0,0 +1,7 @@
+export interface ConditionalHeaderProps {
+  // Currently no props, but keeping interface for future extensibility
+}
+
+export interface ConditionalHeaderViewProps {
+  isHomePage: boolean;
+}

app/components/ConditionalHeader/ConditionalHeader.view.tsx

@@ -0,0 +1,12 @@
+import HomeHeader from "../HomeHeader";
+import Header from "../Header";
+import type { ConditionalHeaderViewProps } from "./ConditionalHeader.types";
+
+export function ConditionalHeaderView({
+  isHomePage,
+}: ConditionalHeaderViewProps) {
+  if (isHomePage) {
+    return <HomeHeader />;
+  }
+  return <Header />;
+}

app/components/ConditionalHeader/index.tsx

@@ -0,0 +1,2 @@
+export { default } from "./ConditionalHeader.container";
+export type { ConditionalHeaderProps } from "./ConditionalHeader.types";