[Feat] 마이도도 페이지 전체 기능 구현

[sooloin]

💻 구현할 기능

• 마이도도 페이지의 전체 구조와 사용자/반려동물 중심 관리 기능을 구현
• 사이드 메뉴를 통해 반려동물 리스트, 디바이스 관리, 가족 관리, 산책 기록, AI 레포트, 회원정보 수정, 알림함, 로그아웃으로 이동할 수 있어야 하며, 반려동물 등록 여부에 따라 적절한 상태 화면을 제공

🛠️ 기술 스펙 (선택 사항)

• React Router 기반 마이도도 내부 화면 전환 또는 탭 상태 관리
• TanStack Query를 활용한 서버 상태 관리
• Axios API 모듈 분리
• 인증 사용자 기준 접근 제어 유지
• 빈 상태, 로딩 상태, 에러 상태 처리

✅ 세부 작업 목록 (To-Do)

• 마이도도 메인 레이아웃 및 사이드 메뉴 구성
• 반려동물 목록 조회 및 빈 상태 UI 구현
• 반려동물 등록/상세/수정 기능 구현
• 가족 관리 기능 구현
• 디바이스 관리 기능 구현
• 회원정보 수정/알림함/로그아웃 기능 연결
• 산책 기록, AI 레포트 영역의 기본 진입 구조 마련
• 공통 로딩/에러/빈 상태 처리
• API 연동 및 상태 분기 정리

🏁 완료 조건 (Acceptance Criteria)

• 로그인 사용자는 마이도도 페이지에 정상 진입할 수 있다.
• 반려동물 등록 여부에 따라 빈 상태 또는 목록/상세 상태가 올바르게 노출된다.
• 사이드 메뉴 각 항목이 설계된 화면 또는 기능과 연결된다.
• Pets API 기반 주요 CRUD 및 가족 관리 흐름이 정상 동작한다.
• 로딩/실패/빈 상태가 사용자에게 명확히 표시된다.