FESI1-70: header 및 페이지네이션 레이아웃 조정 & 모임 수정 컴포넌트 message props 추가

src/app/mypage/[id]/page.tsx

@@ -16,7 +16,7 @@ export default function GatheringEdit({ params }: { params: { id: string } }) {
   if (!gatheringDetail) {
     return <EmptyElement>모임 정보를 가져올 수 없습니다.</EmptyElement>;
   }
-  // console.log(gatheringDetail);
+  console.log(gatheringDetail);
   return (
     <>
       <div className="flex h-full w-full flex-col gap-12 overflow-x-hidden px-4 pb-5 pt-24 md:px-6 md:pb-12 md:pt-32 xl:mx-auto xl:max-w-[1166px] xl:px-0">
@@ -30,6 +30,7 @@ export default function GatheringEdit({ params }: { params: { id: string } }) {
         editThemeName={gatheringDetail.themeName}
         editDateTime={gatheringDetail.dateTime}
         editRegistrationEnd={gatheringDetail.registrationEnd}
+        editMessage={gatheringDetail.message}
       />
     </>
   );

src/components/@shared/Header.tsx

@@ -143,7 +143,7 @@ export default function Header() {
                     />
                   </button>
                   {isMenuOpen && (
-                    <ul className="absolute right-0 z-50 mt-8 w-32 rounded-md bg-secondary-80 text-[16px] font-normal shadow-md md:top-3 xl:left-0">
+                    <ul className="absolute -right-12 z-50 mt-8 w-32 rounded-md bg-secondary-80 text-[16px] font-normal shadow-md md:top-3">
                       <li>
                         <Link href="/mypage" onClick={closeDropdown}>
                           <button

src/components/@shared/Pagination.tsx

@@ -8,6 +8,7 @@ type PaginationProps = {
   onNext: () => void;
   onPrev: () => void;
   className?: string;
+  mypage?: boolean;
 };
 
 export default function Pagination({
@@ -17,6 +18,7 @@ export default function Pagination({
   onNext,
   onPrev,
   className,
+  mypage,
 }: PaginationProps) {
   const totalPages = Math.ceil(totalItems / itemsPerPage);
 
@@ -26,31 +28,33 @@ export default function Pagination({
         type="button"
         onClick={onPrev}
         disabled={currentPage === 0}
-        className="h-6 w-6 rounded-md bg-secondary-90"
+        className="h-6 w-6 rounded-l-md bg-secondary-90"
       >
         <Image
-          src="/icons/ic_arrow_right.svg"
+          src="/icons/arrow_line_white.svg"
           alt="흰색 화살표 아이콘"
           width={24}
           height={24}
-          className={`rotate-180 ${currentPage === 0 ? 'opacity-50' : ''}`}
+          className={`rotate-180 ${currentPage === 0 && 'opacity-50'}`}
         />
       </button>
-      <span className="text-white">
-        {currentPage + 1} / {totalPages}
-      </span>
+      {mypage && (
+        <span className="text-white">
+          {currentPage + 1} / {totalPages}
+        </span>
+      )}
       <button
         type="button"
         onClick={onNext}
         disabled={currentPage >= totalPages - 1}
         className="h-6 w-6 rounded-r-md bg-secondary-90"
       >
         <Image
-          src="/icons/ic_arrow_right.svg"
+          src="/icons/arrow_line_white.svg"
           alt="흰색 화살표 아이콘"
           width={24}
           height={24}
-          className={`${currentPage >= totalPages - 1 ? 'opacity-50' : ''}`}
+          className={`${currentPage === totalPages - 1 && 'opacity-50'}`}
         />
       </button>
     </div>

src/components/gatheringEdit/GatheringForm.tsx

@@ -34,6 +34,7 @@ interface GatheringFormProps {
   editThemeName?: string;
   editDateTime?: string;
   editRegistrationEnd?: string;
+  editMessage?: string;
 }
 
 export default function GatheringForm({
@@ -44,6 +45,7 @@ export default function GatheringForm({
   editThemeName,
   editDateTime,
   editRegistrationEnd,
+  editMessage,
 }: GatheringFormProps) {
   const queryClient = useQueryClient();
   const { trigger, register, handleSubmit, setValue, watchFields, formState } =
@@ -93,6 +95,9 @@ export default function GatheringForm({
       if (editRegistrationEnd) {
         setValue('registrationEnd', editRegistrationEnd);
       }
+      if (editMessage) {
+        setValue('message', editMessage);
+      }
     }
   }, [
     isEdit,

src/components/mypage/myCreateGathering.tsx

@@ -53,6 +53,7 @@ export default function MyCreateGathering() {
         onNext={handleNextPage}
         onPrev={handlePrevPage}
         className="mt-4 flex items-center justify-center gap-3"
+        mypage
       />
     </div>
   );

src/components/mypage/myGathering.tsx

@@ -53,6 +53,7 @@ export default function MyGathering() {
         onNext={handleNextPage}
         onPrev={handlePrevPage}
         className="mt-4 flex items-center justify-center gap-3"
+        mypage
       />
     </div>
   );

src/components/mypage/myReviewNotWrite.tsx

@@ -51,6 +51,7 @@ export default function MyReviewNotWrite() {
         onNext={handleNextPage}
         onPrev={handlePrevPage}
         className="mt-4 flex items-center justify-center gap-3"
+        mypage
       />
     </div>
   );

src/components/mypage/myReviewWrite.tsx

@@ -48,6 +48,7 @@ export default function MyReviewWrite() {
         onNext={handleNextPage}
         onPrev={handlePrevPage}
         className="mt-4 flex items-center justify-center gap-3"
+        mypage
       />
     </div>
   );