Design: 헤더 z-index 설정

frontend/src/components/Header/index.tsx

@@ -6,22 +6,14 @@ import { Suspense } from 'react';
 import AlarmPopover from './AlarmPopover';
 import ProfilePopover from './ProfilePopover';
 
-export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+export default function Header() {
-
-export default function Header({ className, ...props }: HeaderProps) {
   const location = useLocation();
   const isHomePage = location.pathname === '/';
 
   const profile = useAuthStore((state) => state.profile);
 
   return (
-    <header
+    <header className="fixed left-0 top-0 z-40 flex h-16 w-full items-center justify-between border-b border-gray-200 bg-white px-4 sm:px-6 md:px-8 lg:px-10">
-      className={cn(
-        'flex h-16 w-full items-center justify-between border-b border-gray-200 bg-white px-4 sm:px-6 md:px-8 lg:px-10',
-        className
-      )}
-      {...props}
-    >
       <div className="flex items-center gap-4 md:gap-10">
         <Link
           to="/"

frontend/src/components/ManageLayout/index.tsx

@@ -18,7 +18,7 @@ export default function ManageLayout({ tabTitle }: { tabTitle: string }) {
 
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
 
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">

frontend/src/components/PageLayout/index.tsx

@@ -6,7 +6,7 @@ import { Suspense } from 'react';
 export default function PageLayout() {
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
           <Suspense fallback={<div></div>}>

frontend/src/components/WorkspaceBrowseLayout/index.tsx

@@ -92,7 +92,7 @@ export default function WorkspaceBrowseLayout() {
 
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
 
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">

frontend/src/components/WorkspaceLayout/index.tsx

@@ -46,7 +46,7 @@ export default function WorkspaceLayout() {
 
   return (
     <>
-      <Header className="fixed left-0 top-0" />
+      <Header />
       <div className="mt-16 h-[calc(100vh-64px)] w-screen">
         <ResizablePanelGroup direction="horizontal">
           <WorkspaceSidebar