♻️ refactor:예매내역 완료 후 내 정보 갱신

Issue Resolved: #

Author: qkdl60

front/src/components/Navbar/index.tsx

@@ -83,7 +83,7 @@ export default function Navbar() {
                 )}>
                 <h3 className="px-4 text-left text-heading3">예매 현황</h3>
                 <Separator direction="row" />
-                <div className="flex max-h-[800px] flex-col gap-6 overflow-y-scroll pr-4">
+                <div className="flex max-h-[800px] flex-grow flex-col justify-center gap-6 overflow-y-scroll pr-4">
                   {isReservation ? (
                     reservations.map((reservation) => (
                       <ReservationCard

front/src/pages/ReservationPage/SectionAndSeat.tsx

@@ -15,7 +15,7 @@ import { padEndArray } from '@/utils/padArray.ts';
 
 import { API } from '@/constants/index.ts';
 import type { EventDetail, PlaceInformation, Section, SectionCoordinate } from '@/type/index.ts';
-import { useMutation, useMutationState } from '@tanstack/react-query';
+import { useMutation, useMutationState, useQueryClient } from '@tanstack/react-query';
 import { cx } from 'class-variance-authority';
 import { twMerge } from 'tailwind-merge';
 
@@ -69,6 +69,7 @@ export default function SectionAndSeat({
     },
     select: (mutation) => mutation.state.variables as PostSeatData,
   });
+  const queryClient = useQueryClient();
   //TODO 길이 모음 필요 , 상태 관리 필용, 상태 reducer로 변경 필요, pending 중인 state 추출 필요
   const { layout } = placeInformation;
   const { overview, overviewHeight, overviewPoints, overviewWidth, sections } = layout;
@@ -216,6 +217,7 @@ export default function SectionAndSeat({
               {
                 onSuccess: () => {
                   setReservationResult(selectedSeats);
+                  queryClient.refetchQueries({ queryKey: ['reservation'] });
                   goNextStep();
                 },
               },