refactor: 피드 추상화 작업

[p-acid]

🛠️ 작업 내용 (Content)

작업 범위에 대해 간략하게 작성합니다.

피드와 관련된 작업 내용 중 추상화가 필요한 영역에 대해서 간략한 추상화를 진행했습니다.

📝 상세 설명

리뷰어가 중점적으로 봐야 하는 부분을 바로 알 수 있도록 변경된 내용을 나열합니다.

• 피드와 코멘트를 매핑하는 부분에서 각 카드의 추상화를 진행했습니다.
  • FeedCard 와 CommentCard 로 구분됩니다.
  • 각 컴포넌트는 옵셔널한 onDelete prop을 전달받아 조건부로 삭제가 가능합니다.
• 삭제를 진행할 때 사용하는 Dialog 컴포넌트를 공통화 했습니다.
  • DeleteDialog 이며 트리거에 해당하는 컴포넌트를 children 으로 전달 받습니다.
• zod로 정의돈 피드와 코멘트 타입의 접미사를 ~List 에서 ~Item 으로 변경했습니다.
  • 배열이 아닌 각 아이템에 해당하므로 List 보단 Item 이 낫다고 판단하였습니다.

⚙️ 기타 사항

PR에 대한 추가 설명이나 작업하면서 고민이 되었던 부분 등

• 명확히 추상화가 필요하다고 생각한 부분만을 진행했습니다. 추가적으로 추상화가 필요한 부분들은 추후 작업 진행해주시면 됩니다.
• 추가적으로 코멘트 삭제 시 권한에 따라 삭제가 가능한 부분에서 버그가 있어 이에 대한 부분도 동시에 수정했습니다.

🚨 Merge 전 필요 작업 (Checklist before merge)

• [x] 컨벤션에 맞는 코드를 작성했나요?
• [x] 로컬 빌드시 에러가 발생하지 않았나요?