[✨ Feature] 가게 정보 상세 페이지(사장님) - UI 구현 + API 연동

[le2yunji]

📋 기능 설명

• 로그인된 유저의 가게 정보를 API로 조회하여 화면에 렌더링
• ShopBanner 컴포넌트를 사용하여 가게 정보 표시
• 로딩 상태, 에러 상태 처리 추가
• 유저가 가게를 등록하지 않은 경우, 가게 등록 유도 UI 표시
• 내가 등록한 공고 영역 UI 추가 (공고 등록 버튼 포함)
• 반응형 레이아웃 적용

✅ 상세 요구사항

1. 유저 가게 조회

• 로컬스토리지에서 userId 조회
• users.getUser(userId) 호출 후 shop 존재 여부 확인
• shop이 있으면 shops.getShop(shopId)로 상세 정보 조회

2. UI 렌더링 조건

• loading 상태: “가게 정보를 불러오는 중...” 표시
• error 상태: 에러 메시지 표시 (text-red-500)
• shop 정보 존재 시: ShopBanner 렌더링
• shop 정보 없음: 가게 등록 버튼 UI 렌더링

3. 내가 등록한 공고 영역

• 내가 등록한 공고 영역
• shop 정보가 있을 때만 표시
• 공고 등록 버튼 포함
• 카드 형태의 기본 안내 메시지 표시

📝 참고 이미지

• 관련 디자인: