fix format

packages/nextjs/components/Header.tsx

@@ -5,6 +5,8 @@ import React, { useCallback, useRef, useState } from "react";
 import { BugAntIcon } from "@heroicons/react/24/outline";
 import { useOutsideClick } from "~~/hooks/scaffold-stark";
 import { CustomConnectButton } from "~~/components/scaffold-stark/CustomConnectButton";
+import Image from "next/image";
+import { usePathname } from "next/navigation";
 
 type HeaderMenuLink = {
   label: string;
@@ -30,14 +32,28 @@ export const menuLinks: HeaderMenuLink[] = [
 export const Header = () => {
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const burgerMenuRef = useRef<HTMLDivElement>(null);
+  const pathname = usePathname();
   useOutsideClick(
     burgerMenuRef,
     useCallback(() => setIsDrawerOpen(false), []),
   );
 
   return (
-    <div className="lg:static top-0 navbar min-h-0 flex-shrink-0 justify-between z-20 px-0 sm:px-2 bg-base-100">
-      <div className="navbar-end flex-grow mr-4 py-[8px]">
+    <div
+      className={`lg:static top-0 navbar min-h-0 flex-shrink-0 justify-between z-20 px-0 sm:px-2 bg-base-100 ${pathname !== "/" ? "border-b border-[#1c2d49]" : ""}`}
+    >
+      <div className="pl-8">
+        {pathname !== "/" && (
+          <Image
+            src={"/logo-header.svg"}
+            alt={"logo header"}
+            width={200}
+            height={65}
+            className="sm:w-[100px]"
+          />
+        )}
+      </div>
+      <div className="navbar-end flex-grow pr-8 py-[8px]">
         <CustomConnectButton />
       </div>
     </div>

packages/nextjs/styles/globals.css

@@ -2,7 +2,6 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-
 :root,
 [data-theme] {
   background: oklch(var(--b2));