chore: 컴포넌트 코드 정리

apps/cs/src/entities/code/ui/code-select.tsx

@@ -11,10 +11,7 @@ import { CodeApi } from "../api/code-service";
 
 type CodeSelectProps = {
   upCd: string;
-  value?: string;
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-};
+} & React.ComponentPropsWithoutRef<typeof Select>;
 
 function CodeSelect({ upCd, defaultValue, ...props }: CodeSelectProps) {
   const { data: code } = useQuery({

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

@@ -16,6 +16,7 @@ function ModifyPage({ siteId }: { siteId: string }) {
   const router = useRouter();
   const queryClient = useQueryClient();
   const { setMessage: alert } = useAlertStore((state) => state);
+
   const { data: siteDetail } = useQuery({
     queryKey: [ENDPOINT.CMS_SERVICE.SITES, siteId],
     queryFn: () => SiteApi.siteDetail(siteId),

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

@@ -101,6 +101,7 @@ function SiteForm({ form, siteId, handleSave, handleDelete }: SiteFormProps) {
                             <FormControl>
                               <Input
                                 {...field}
+                                value={field.value ?? ""}
                                 className="w-[12rem] !text-[1.3rem]"
                                 disabled={isModifyMode}
                               />
@@ -175,6 +176,7 @@ function SiteForm({ form, siteId, handleSave, handleDelete }: SiteFormProps) {
                             <FormControl>
                               <Input
                                 {...field}
+                                value={field.value ?? ""}
                                 className="!text-[1.3rem]"
                                 placeholder="사이트명을 입력하십시오."
                               />

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

@@ -41,7 +41,6 @@ function SitePage() {
 
   useEffect(() => {
     refetch();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return (

packages/common/components/src/ui/input/index.tsx

@@ -3,10 +3,9 @@ import * as React from "react";
 import { cn } from "../../lib/utils";
 
 const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
-  ({ className, type, ...props }, ref) => {
+  ({ className, ...props }, ref) => {
     return (
       <input
-        type={type}
         className={cn(
           "flex h-[3.2rem] w-full rounded-md border border-input bg-form px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-placeholder focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className,