fix: FormField에서 id props 제거

Author: eunkr82

apps/host/src/shared/ui/form/form-field/form-field.tsx

@@ -3,22 +3,14 @@ import type { ReactNode } from 'react';
 import * as styles from './form-field.css';
 
 interface FormFieldProps {
-  id?: string;
   label?: string;
   children: ReactNode;
 }
 
-const FormField = ({ id, label, children }: FormFieldProps) => {
+const FormField = ({ label, children }: FormFieldProps) => {
   return (
     <div className={styles.field}>
-      {label &&
-        (id ? (
-          <label htmlFor={id} className={styles.fieldLabel}>
-            {label}
-          </label>
-        ) : (
-          <p className={styles.fieldLabel}>{label}</p>
-        ))}
+      {label && <p className={styles.fieldLabel}>{label}</p>}
       {children}
     </div>
   );

apps/host/src/widgets/event-form/event-form.tsx

@@ -180,7 +180,7 @@ const EventForm = ({
             </div>
           </FormField>
 
-          <FormField id='eventTitle' label='공연명'>
+          <FormField label='공연명'>
             <Textfield
               name='eventTitle'
               variant='default'
@@ -192,7 +192,7 @@ const EventForm = ({
             />
           </FormField>
 
-          <FormField id='scheduleDate' label='공연 일시'>
+          <FormField label='공연 일시'>
             <div className={styles.grid}>
               <Textfield
                 id='scheduleDate'
@@ -241,7 +241,7 @@ const EventForm = ({
             />
           </FormField>
 
-          <FormField id='eventLocation' label='공연 장소'>
+          <FormField label='공연 장소'>
             <Textfield
               id='eventLocation'
               name='eventLocation'
@@ -265,7 +265,7 @@ const EventForm = ({
             관객이 현장 혼잡도를 직접 입력할 수 있어요.
           </p>
 
-          <FormField id='boothTitle'>
+          <FormField>
             <Textfield
               id='boothTitle'
               name='boothTitle'