Merge branch 'dev' of https://github.com/MUIT-UMC/Frontend into dev

Author: jiwon234

src/components/buy/Step3.jsx

@@ -43,10 +43,10 @@ const Step3 = () => {
         peopleCount,
         selectedTicketName,
         ticketInfo,
+        amateurTicketId: selectedTicket.amateurTicketId,
       },
     });
   };
-  
 
      return (
       <Container>

src/components/buy/Step4.jsx

@@ -8,20 +8,20 @@ const token = localStorage.getItem("accessToken");
 
 const Step4 = () => {
   const navigate = useNavigate();
-  const { amateurId } = useParams();
+  // const { amateurTicketId } = useParams();
   const [accountName, setAccountName] = useState("");
   const [isSubmitting, setIsSubmitting] = useState(false);
   const isButtonActive = accountName.trim().length > 0;  
   const location = useLocation();
-  const { peopleCount, selectedTicketName="일반 예매",ticketInfo } = location.state || {};
+  const { peopleCount, selectedTicketName="일반 예매",ticketInfo,amateurTicketId } = location.state || {};
+  console.log("ticketId",amateurTicketId)
 
   const handleSubmit = async () => {
     if (!isButtonActive || isSubmitting) return;
 
     setIsSubmitting(true);
 
-    const url = `${import.meta.env.VITE_APP_SERVER_URL}/tickets/purchase/${amateurId}`;
-  
+    const url = `${import.meta.env.VITE_APP_SERVER_URL}/tickets/purchase/${amateurTicketId}`;
     try {
       const response = await fetch(url, {
         method: 'POST',

src/components/small-theater/CreditInfo.jsx

@@ -47,7 +47,7 @@ const CreditsWrapper = styled.div`
 `;
 const CreditRow = styled.div`
   display: grid;
-  grid-template-columns: auto 1fr; /* Two columns for position and name */
+  grid-template-columns: 120px 1fr; /* Two columns for position and name */
   column-gap: 35px; /* Gap between position and name */
   align-items: center;
 `;