Fix/input classname required (#133)

## 바뀐점

## 바꾼이유

## 설명

src/components/Input/Input.tsx

@@ -1,8 +1,8 @@
 import cx from 'classnames';
 import type { InputHTMLAttributes, ReactNode } from 'react';
 import { forwardRef, useId } from 'react';
-import { Text } from '../Text';
 import { useControllableState } from '../../utils/useControllableState';
+import { Text } from '../Text';
 
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
   /**
@@ -89,6 +89,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
       hasError,
       maxLength,
       disabled,
+      className,
       onValueChange: onValueChangeFromProps,
       ...restProps
     },
@@ -110,9 +111,13 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
 
     return (
       <div
-        className={cx('flex flex-col space-y-2', {
-          'opacity-40': disabled,
-        })}
+        className={cx(
+          'flex flex-col space-y-2',
+          {
+            'opacity-40': disabled,
+          },
+          className,
+        )}
       >
         <div className="flex w-full">
           {label && (
@@ -161,6 +166,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
             onChange={handleChange}
             maxLength={maxLength}
             disabled={disabled}
+            required={required}
             {...restProps}
           />
           {rightAddon && <span className="flex">{rightAddon}</span>}