feat: 서술형 문항 추가

apps/cs/src/pages/survey/ui/survey-article.tsx

@@ -8,6 +8,7 @@ import {
   Label,
   RadioGroup,
   RadioGroupItem,
+  Textarea,
 } from "@common/components";
 
 function SurveyArticle() {
@@ -30,7 +31,7 @@ function SurveyArticle() {
               <div className="flex flex-1 flex-col gap-2">
                 <span>응답자명</span>
                 <Input
-                  className="text-[1.3rem]"
+                  className="!text-[1.3rem]"
                   placeholder="이름을 입력해주세요"
                 />
               </div>
@@ -40,7 +41,7 @@ function SurveyArticle() {
               </div>
               <div className="flex flex-1 flex-col gap-2">
                 <span>생년월일</span>
-                <Input type="date" className="text-[1.3rem]" />
+                <Input type="date" className="!text-[1.3rem]" />
               </div>
               <div className="flex flex-1 flex-col gap-2">
                 <span>성별</span>
@@ -74,6 +75,12 @@ function SurveyArticle() {
               </span>
               <CheckboxArticle />
             </div>
+            <div className="flex items-start gap-4">
+              <span className="flex size-8 items-center justify-center rounded-full bg-primary text-[1.3rem] font-medium text-primary-foreground">
+                3
+              </span>
+              <TextareaArticle />
+            </div>
           </div>
         </div>
       </div>
@@ -127,4 +134,13 @@ function CheckboxArticle() {
   );
 }
 
+function TextareaArticle() {
+  return (
+    <div className="w-full">
+      <p className="mb-4 text-2xl font-bold text-foreground">질문 3</p>
+      <Textarea className="!text-[1.3rem]" placeholder="답변을 입력해주세요" />
+    </div>
+  );
+}
+
 export { SurveyArticle };