feat: InputBox 컴포넌트 추가

frontend/src/components/AuthForm/InputBox.jsx

@@ -0,0 +1,26 @@
+import { forwardRef } from 'react';
+import styles from './InputBox.module.css';
+
+const InputBox = forwardRef(({ title, id = null, type, children }, ref) => {
+  return (
+    <div className={styles.inputBox}>
+      <label
+        htmlFor={id}
+        className={styles.textBody}
+      >
+        {title}
+      </label>
+      <input
+        type={type}
+        id={id}
+        className={`${styles.input} ${styles.textSubheading}`}
+        ref={ref}
+        required
+      />
+      {children}
+    </div>
+  );
+});
+InputBox.displayName = 'InputBox';
+
+export default InputBox;

frontend/src/components/AuthForm/InputBox.module.css

@@ -0,0 +1,13 @@
+.inputBox {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.input {
+  border-radius: 8px;
+  width: 100%;
+  border: 1px solid var(--border-color);
+  box-sizing: border-box;
+  padding: 16px;
+}

frontend/src/components/AuthForm/index.js

@@ -1 +1,2 @@
 export { default as AuthForm } from './AuthForm';
+export { default as InputBox } from './InputBox';