[캠퍼스] 분실물 QA 수정

[JeongWon-CHO]

• Close [캠퍼스] 분실물 QA 수정 #1157

What is this PR? 🔍

• 기능 : 분실물 QA
• issue : [캠퍼스] 분실물 QA 수정 #1157

Changes 📝

[공통]

1. 기존 페이지네이션 hook이 변경되었습니다.

• 불필요한 전체 배열 생성 방지
• hook 관심사 분리
• Toast 대신 disabled 처리

2. 불필요한 LostItemsHeader 제거 후 LostItemList 으로 통합

[웹]
3. 검색창 글씨 제한 100자
4. '장소명'이 길 때 '분실 일자'가 잘리지 않게 수정
5. 검색 시, 1페이지가 사라지는 문제 수정
6. 공지사항과 분실물 템플릿 분리 -> 분실물 클릭시 공지사항으로 가는 문제 수정

[모바일]
7. 제목에 | 없는 문제
8. 신고된 게시글을 hover가 있고 일반 게시글은 없는 문제 수정
9. 스크롤 하면 검색창, 필터 부분이 사라지는 문제 수정
10. 사파리에서 바텀 시트가 안 보이는 문제 수정 -> 기존 dialog로 되어있던 바텀시트를 div로 변경
11. 주소 조작 방지 (ex. https://stage.koreatech.in/lost-item?page=10000)
12. 분실물 페이지 양옆 패딩 8px로 수정 (메인 화면과 동일하게)

ScreenShot 📷

Precaution

Safari 환경은 테스트를 하지 못해서 믿음으로 하였습니다..
맥북이신 분들은 10번 테스트 해주시면 감사하겠습니다 !!

✔️ Please check if the PR fulfills these requirements

• It's submitted to the correct branch, not the develop branch unconditionally?
• If on a hotfix branch, ensure it targets main?
• There are no warning message when you run yarn lint

[ff1451]

고생하셨습니다 일단 머지해주시면 제가 누락 로깅 추가해야하는거 있어서 그거 추가하면서 Lint 수정할게요