fix: 헤더가 잘려서 보이는 문제

Author: HeoJiye

frontend/src/business/hooks/overlay/useOverlay.tsx

@@ -28,7 +28,7 @@ export function useOverlay() {
       openOverlay: (OverlayElement: CreateOverlayElement) => {
         mount(
           id,
-          <div className="fixed top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%] z-10">
+          <div className="fixed top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%] z-50">
             <OverlayElement
               key={String(new Date())}
               opened={opened}

frontend/src/components/common/Header/Header.tsx

@@ -6,7 +6,7 @@ interface HeaderProps {
 
 export function Header({ rightItems }: HeaderProps) {
   return (
-    <header className="sticky w-full h-48 flex justify-between items-center surface-content text-default px-8 py-5 z-50">
+    <header className="fixed top-0 w-full h-48 flex justify-between items-center surface-content text-default px-8 py-5 z-20">
       <LogoButton />
       {rightItems?.map((item, index) => (
         <div

frontend/src/pages/AIChatPage/AIChatPage.tsx

@@ -34,7 +34,7 @@ export function AIChatPage({}: AIChatPageProps) {
               : []
           }
         />
-        <div className="w-h-full pl-[5%] pr-[5%] pb-[5%] lg:pl-[25%] lg:pr-[25%]">
+        <div className="w-h-full pt-50 pl-[5%] pr-[5%] pb-[5%] lg:pl-[25%] lg:pr-[25%]">
           <ChatContainer
             messages={messages}
             inputDisabled={inputDisabled}