design: Header 컴포넌트 position을 fixed로 변경

Author: AAminha

src/components/ConfirmModal.tsx

@@ -7,7 +7,7 @@ interface ConfirmModalProps {
   description: string;
   cancelText: string;
   confirmText: string;
-  confirmDisabled: boolean;
+  confirmDisabled?: boolean;
   children?: React.ReactNode;
   onCancel: () => void;
   onConfirm: () => void;

src/layouts/Header.tsx

@@ -6,7 +6,7 @@ const Header = () => {
   // TODO: 뒤로 가기 버튼이 보이는 조건 추가
   // TODO: 스크롤 발생 시, 어떻게 보여져야 하는지
   return (
-    <header className="sticky top-0 z-40 flex h-16 items-center justify-between p-5">
+    <header className="fixed top-0 z-40 flex h-16 w-full max-w-150 items-center justify-between p-5">
       <ArrowLeftIcon className="h-6 w-6 text-white" />
       <div className="flex items-center gap-3">
         <Link to="/mypage/notifications">

src/pages/MyPage/index.tsx

@@ -29,7 +29,7 @@ const MyPage = () => {
           onConfirm={() => setIsOpenModal(false)}
         />
       )}
-      <main className="flex grow flex-col gap-12 px-5 pt-4 pb-6">
+      <main className="flex grow flex-col gap-12 px-5 pt-20 pb-6">
         <h1 className="h2-b mx-auto flex gap-1.5">
           {DUMMY_ZIP_CODE.split('').map((code, index) => (
             <div

src/pages/Notifications/index.tsx

@@ -30,7 +30,7 @@ const NotificationsPage = () => {
   return (
     <>
       <WarningModal isOpen={isOpenWarningModal} onClose={() => setIsOpenWarningModal(false)} />
-      <main className="flex grow flex-col items-center px-5 pt-4 pb-9">
+      <main className="flex grow flex-col items-center px-5 pt-20 pb-9">
         <h1 className="text-gray-60 body-b mb-10 w-fit rounded-full bg-white px-6 py-4">알림</h1>
         <button type="button" className="body-sb text-gray-60 place-self-end">
           모두 읽음