📄 Description of the PR

• 기능 설명 : 로그인 페이지 폼 구현 및 멀티-root layout 구조 변경
• Related to [FEATURE] 로그인 페이지 #2

1. 멀티-root layout

• 로그인 페이지를 별도 레이아웃으로 관리하기 위해 폴더 구조를 변경
• 기존의 RootLayout과 충돌을 방지하고, 로그인 페이지에 특화된 디자인 및 구성을 적용할 수 있도록 개선

2. 로그인 페이지 폼 구현

• 사용자 이메일 및 비밀번호 입력을 위한 로그인 폼 컴포넌트 구현
• 클라이언트에서 입력된 데이터를 상태로 관리하고, 폼 제출 시 비동기 처리를 통해 서버와 통신하도록 설계

3. 기타 작업

• useTransition 및 useState를 활용하여 폼 제출 시 상태를 관리
• LoginInputForm 컴포넌트 추가: 재사용 가능한 폼 필드 컴포넌트 구현
• UI 개선:
  Chakra UI를 활용하여 직관적이고 깔끔한 레이아웃 구성
  반응형 디자인 적용 (모바일 및 데스크톱 지원)
• 에러 메시지 처리 로직 추가: 유효성 검사 및 사용자 친화적인 오류 알림 구현

🔧 What has been changed?

1. 폴더 구조
   

2. 추가된 파일

• LoginInputForm.tsx: 로그인 페이지 폼 컴포넌트
• LoginRootLayout.tsx: 로그인 전용 레이아웃 파일
• members_mock_data.json: 로그인 기능 테스트를 위한 가상 사용자 데이터 정의 파일 (DB 테이블 구조 반영)
• loginForm.ts: 로그인 폼 컴포넌트에서 사용되는 데이터 타입 정의 인터페이스 파일
• loginActions.ts: 로그인 요청/응답 처리 담당 서버 액션 파일 (use server)

3. 수정된 파일

• (projects 폴더 내) 기존 RootLayout.tsx 및 관련 구성 파일

📸 Screenshots / GIFs (if applicable)

• 로그인 페이지 레이아웃
  
• 유효성 검사 (입력 여부 / 이메일 형식)
  
• Mock 데이터에서 사용자 찾기
  
• 로그인 성공 시 대시보드로 redirect (서버 컴포넌트에서 실행)
  

⚠️ Precaution & Known issues

• 추후 JWT 기반 인증 로직을 통해 로그인 인증 및 서버 통신 기능 구현 예정
• MSW(Mock Service Worker)를 활용하여 가상 API를 생성, 실제 서버 구현 전에 인증 및 서버 통신 로직을 사전 검증할 계획
• 리다이렉트 및 세션 관리 방식은 JWT 기반 인증 방식으로 대체되므로 관련 구현은 제외

✅ Checklist

• 로그인 폼 UI 확인
• 이메일 및 비밀번호 입력값 상태 업데이트 정상 동작
• 폼 제출 시 비동기 처리 및 에러 핸들링 정상 동작
• 모바일 및 데스크톱 화면에서 레이아웃 확인