[feature-14/nbread-update] 엔빵 조회 기능 및 홈페이지 수정

[hm1n]

#️⃣연관된 이슈

#30, #31

📝작업 내용

0. supabase table type 파일(@/src/types/supabase.ts)을 생성했습니다.

• UserRow, NbreadRow, NbreadRecordsRow, ParticipantsRow 타입을 반환합니다.
• supabaseClient의 data 타입 추론에서 오류가 발생할 때 자유롭게 사용할 수 있습니다.

1. getUserNbread 메소드를 수정했습니다.

• 반환값을 Nbread 타입으로 변환했습니다.
  (data 타입을 NbreadRow로 변환해 타입 추론 오류를 해결했습니다.)

2. getParticipants 메소드를 구현했습니다.

• 엔빵 ID로 해당 엔빵의 참여자를 조회하는 getParticipants 메소드를 구현했습니다.
  (data 타입 추론 시 UserRow 타입을 활용해 타입 추론 오류를 해결했습니다.)

3. 홈페이지 및 컴포넌트를 수정했습니다.

• 홈페이지 내 컴포넌트들의 any 타입을 삭제하고 Nbread 타입으로 변경했습니다.
• NbreadCard 컴포넌트의 참여자 프로필 avatar가 표시되도록 수정했습니다.

4. eslint.config.mjs에 prettier, tailwindcss 관련 설정을 추가했습니다.

스크린샷

💬리뷰 요구사항

엔빵 상세 페이지를 구현하려면 먼저 홈페이지를 수정해야 해서 수정하다 보니 수정사항이 많아졌습니다...!
특히 홈페이지에 변경된 사항이 많아서 전체적으로 확인 한 번 부탁드려요!

[KangBoSeok-kor]

머지하셔도 될거같습니다~!