refactor: 시맨틱 태그 수정

Author: 봄

src/page/signup/component/SurveyItem/SurveyItem.css.ts

@@ -5,7 +5,6 @@ import { colors, fonts } from '@/style/token';
 export const itemContainer = style({
   display: 'flex',
   gap: '1.2rem',
-  cursor: 'pointer',
 });
 
 export const itemText = style({
@@ -16,4 +15,6 @@ export const itemText = style({
 export const radioIcon = style({
   width: '2rem',
   height: '2rem',
+
+  cursor: 'pointer',
 });

src/page/signup/component/SurveyItem/SurveyItem.tsx

@@ -16,8 +16,10 @@ const SurveyItem = ({ item, isChecked, onClick }: itemProps) => {
   const RadioIcon = isChecked ? IcRadioChecked : IcRadioDefault;
 
   return (
-    <div className={itemContainer} onClick={onClick}>
-      <RadioIcon className={radioIcon} />
+    <div className={itemContainer}>
+      <button onClick={onClick}>
+        <RadioIcon className={radioIcon} />
+      </button>
       <p className={itemText}>{item.content}</p>
     </div>
   );