feat(project header): updated project header styles

Author: Davidthecode

apps/web/components/nav/nav-client.tsx

@@ -32,7 +32,11 @@ export const Nav = () => {
   const isActive = (href: string) => pathname.startsWith(href);
 
   return (
-    <header className="sticky top-0 z-50 border-b bg-[#18181B] text-white">
+    <header
+      className={`border-b bg-[#18181B] text-white ${
+        isProjectRoute ? "" : "sticky top-0 z-50"
+      }`}
+    >
       <div className="container-wrapper flex h-20 items-center justify-between">
         <Link className="flex w-fit items-center gap-2" href="/dashboard">
           <div className="flex items-center space-x-3">

apps/web/components/project/project-header.tsx

@@ -46,7 +46,7 @@ export const ProjectHeader = ({
   }
 
   return (
-    <div className="flex flex-col gap-4 border-b pb-4">
+    <div className="sticky top-0 z-40 -mx-6 -mt-8 flex flex-col gap-4 border-b bg-[#F4F4F5] px-6 pt-8 pb-4">
       <div className="flex items-center justify-between">
         <h1 className="flex items-center gap-2 text-xl">
           <Link href={`/projects/${projectId}`}>