Merge branch 'main' into fix/project-title-styling

1 files changed, 47 insertions, 47 deletions

diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 7d11e68a..2e6de534 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -1,47 +1,47 @@
-"use client";

-

-import Link from "next/link";

-import { Button } from "./ui/button";

-import { ArrowRight } from "lucide-react";

-import { HeaderBase } from "./header-base";

-import Image from "next/image";

-

-export function Header() {

-  const leftContent = (

-    <Link href="/" className="flex items-center gap-3">

-      <Image src="/logo.svg" alt="OpenCut Logo" width={32} height={32} />

-      <span className="text-xl font-medium hidden md:block">OpenCut</span>

-    </Link>

-  );

-

-  const rightContent = (

-    <nav className="flex items-center gap-3">

-      <Link href="/blog">

-        <Button variant="text" className="text-sm p-0">

-          Blog

-        </Button>

-      </Link>

-      <Link href="/contributors">

-        <Button variant="text" className="text-sm p-0">

-          Contributors

-        </Button>

-      </Link>

-      <Link href="/projects">

-        <Button size="sm" className="text-sm ml-4">

-          Projects

-          <ArrowRight className="h-4 w-4" />

-        </Button>

-      </Link>

-    </nav>

-  );

-

-  return (

-    <div className="mx-4 md:mx-0">

-      <HeaderBase

-        className="bg-accent border rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"

-        leftContent={leftContent}

-        rightContent={rightContent}

-      />

-    </div>

-  );

-}

+"use client";
+
+import Link from "next/link";
+import { Button } from "./ui/button";
+import { ArrowRight } from "lucide-react";
+import { HeaderBase } from "./header-base";
+import Image from "next/image";
+
+export function Header() {
+  const leftContent = (
+    <Link href="/" className="flex items-center gap-3">
+      <Image src="/logo.svg" alt="OpenCut Logo" width={32} height={32} />
+      <span className="text-xl font-medium hidden md:block">OpenCut</span>
+    </Link>
+  );
+
+  const rightContent = (
+    <nav className="flex items-center gap-3">
+      <Link href="/blog">
+        <Button variant="text" className="text-sm p-0">
+          Blog
+        </Button>
+      </Link>
+      <Link href="/contributors">
+        <Button variant="text" className="text-sm p-0">
+          Contributors
+        </Button>
+      </Link>
+      <Link href="/projects">
+        <Button size="sm" className="text-sm ml-4">
+          Projects
+          <ArrowRight className="h-4 w-4" />
+        </Button>
+      </Link>
+    </nav>
+  );
+
+  return (
+    <div className="mx-4 md:mx-0">
+      <HeaderBase
+        className="bg-accent border rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
+        leftContent={leftContent}
+        rightContent={rightContent}
+      />
+    </div>
+  );
+}