feat: 초대 모달이 켜지면, input으로 focus이동하게 수정

#260

client/src/components/modal/InviteModal.tsx

@@ -1,5 +1,5 @@
 // InviteModal.tsx
-import { useState } from "react";
+import { useState, useEffect, useRef } from "react";
 import { modalContentContainer, titleText, descriptionText, emailInput } from "./InviteModal.style";
 import { Modal } from "./modal";
 
@@ -11,6 +11,13 @@ interface InviteModalProps {
 
 export const InviteModal = ({ isOpen, onClose, onInvite }: InviteModalProps) => {
   const [email, setEmail] = useState("");
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    if (isOpen) {
+      inputRef.current?.focus();
+    }
+  }, [isOpen]);
 
   const handleInvite = () => {
     onInvite(email);
@@ -30,6 +37,7 @@ export const InviteModal = ({ isOpen, onClose, onInvite }: InviteModalProps) =>
         <h2 className={titleText}>워크스페이스 초대</h2>
         <p className={descriptionText}>초대할 사용자의 이메일을 입력해주세요</p>
         <input
+          ref={inputRef}
           className={emailInput}
           onChange={(e) => setEmail(e.target.value)}
           placeholder="이메일 주소 입력"