chore: label 컴포넌트 적용

apps/cs/src/pages/image/ui/image-page.tsx

@@ -8,7 +8,7 @@ import {
   useReactTable,
   type RowSelectionState,
 } from "@tanstack/react-table";
-import { Button, DataTable, Input } from "@common/components";
+import { Button, DataTable, Input, Label } from "@common/components";
 import { ENDPOINT } from "@/shared/config";
 import { ImageApi } from "../api/image-service";
 import { columns } from "../model/table-columns";
@@ -60,9 +60,9 @@ function ImagePage() {
     <div className="card card-border !mt-6">
       <div className="card card-border">
         <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
-          <label htmlFor="" className="mr-2 text-label">
+          <Label htmlFor="" className="mr-2 text-label">
             이미지명
-          </label>
+          </Label>
           <Input
             className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
             value={imageQuery.keyword}

apps/cs/src/pages/site/ui/domain-management-dialog.tsx

@@ -22,6 +22,7 @@ import {
   DialogFooter,
   DialogClose,
   Checkbox,
+  Label,
 } from "@common/components";
 import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { ENDPOINT } from "@/shared/config";
@@ -267,16 +268,16 @@ function DomainManagementDialog({
                                           value="Y"
                                           id={`useY-${i}`}
                                         />
-                                        <label htmlFor={`useY-${i}`}>예</label>
+                                        <Label htmlFor={`useY-${i}`}>예</Label>
                                       </div>
                                       <div className="flex items-center space-x-2">
                                         <RadioGroupItem
                                           value="N"
                                           id={`useN-${i}`}
                                         />
-                                        <label htmlFor={`useN-${i}`}>
+                                        <Label htmlFor={`useN-${i}`}>
                                           아니오
-                                        </label>
+                                        </Label>
                                       </div>
                                     </RadioGroup>
                                   </FormControl>

apps/cs/src/pages/site/ui/ip-management-dialog.tsx

@@ -22,6 +22,7 @@ import {
   DialogFooter,
   DialogClose,
   Checkbox,
+  Label,
 } from "@common/components";
 import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { ENDPOINT } from "@/shared/config";
@@ -232,16 +233,16 @@ function IPManagementDialog({
                                           value="Y"
                                           id={`prmY-${i}`}
                                         />
-                                        <label htmlFor={`prmY-${i}`}>예</label>
+                                        <Label htmlFor={`prmY-${i}`}>예</Label>
                                       </div>
                                       <div className="flex items-center space-x-2">
                                         <RadioGroupItem
                                           value="N"
                                           id={`prmN-${i}`}
                                         />
-                                        <label htmlFor={`prmN-${i}`}>
+                                        <Label htmlFor={`prmN-${i}`}>
                                           아니오
-                                        </label>
+                                        </Label>
                                       </div>
                                     </RadioGroup>
                                   </FormControl>

apps/cs/src/pages/site/ui/site-page.tsx

@@ -6,7 +6,7 @@ import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
-import { Button, DataTable, Input } from "@common/components";
+import { Button, DataTable, Input, Label } from "@common/components";
 import { SiteApi, type Site, type SiteParams } from "@/entities/site";
 import { ENDPOINT } from "@/shared/config";
 import { columns } from "../model/table-columns";
@@ -46,9 +46,9 @@ function SitePage() {
     <div className="card card-border !mt-6">
       <div className="card card-border">
         <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
-          <label htmlFor="" className="mr-2 text-label">
+          <Label htmlFor="" className="mr-2 text-label">
             사이트명
-          </label>
+          </Label>
           <Input
             className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
             value={siteQuery.siteNm}

packages/common/components/src/ui/file-uploader/index.tsx

@@ -2,6 +2,7 @@ import "./file-uploader.css";
 
 import { cn } from "../../lib/utils";
 import { Input } from "../input";
+import { Label } from "../label";
 import { combineFileName, validFileType } from "./utils";
 
 type FileUploaderProps = React.InputHTMLAttributes<HTMLInputElement> & {
@@ -29,9 +30,9 @@ export function FileUploader({
       <div className="file-uploader-preview">
         {files?.filter(validFileType).map(combineFileName).join(", ")}
       </div>
-      <label htmlFor={id} className="file-uploader-label">
+      <Label htmlFor={id} className="file-uploader-label">
         파일 선택
-      </label>
+      </Label>
     </div>
   );
 }