fix(Radio): label 입력이 정상적으로 되지 않던 문제 수정 (#116)

* fix: Radio 컴포넌트 label이 정상적으로 작동하지 않던 문제 수정

* changeset

.changeset/smart-mugs-invent.md

@@ -0,0 +1,5 @@
+---
+"@sopt-makers/ui": patch
+---
+
+Radio label 이 정상적으로 작동하지 않던 문제 수정

packages/ui/Control/Radio.tsx

@@ -1,34 +1,29 @@
-import type { InputHTMLAttributes } from "react";
-import { forwardRef } from "react";
-import theme from "../theme.css";
-import { controlLabel, controlWrapper, radio } from "./style.css";
+import type { InputHTMLAttributes } from 'react';
+import { forwardRef } from 'react';
+import theme from '../theme.css';
+import { controlLabel, controlWrapper, radio } from './style.css';
 
-export interface RadioProps
-  extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
   label?: string;
-  size?: "sm" | "lg";
+  size?: 'sm' | 'lg';
   checked?: boolean;
   color?: string;
 }
 
 const Radio = forwardRef<HTMLInputElement, RadioProps>(
-  ({ checked = false, label, size = "sm", color = theme.colors.gray10, ...props }, ref) => {
+  ({ checked = false, label, size = 'sm', color = theme.colors.gray10, ...props }, ref) => {
     return (
       <label className={controlWrapper}>
-        <input
-          checked={checked}
-          className={radio[size]}
-          ref={ref}
-          type="radio"
-          {...props}
-        />
+        <input checked={checked} className={radio[size]} ref={ref} type='radio' {...props} />
         {label ? (
-          <p className={controlLabel[size]} style={{ color }}>label</p>
+          <p className={controlLabel[size]} style={{ color }}>
+            {label}
+          </p>
         ) : null}
       </label>
     );
-  }
+  },
 );
-Radio.displayName = "Radio";
+Radio.displayName = 'Radio';
 
 export default Radio;