feat:커뮤니티 목록페이지 ui 구현

[woojaemin0106]

🚀 PR 요약

예: “로그인 페이지에 리디자인을 적용했습니다.”

✏️ 변경 유형

• [v] feat: 새로운 기능 추가
• [v] fix: 버그 수정
• docs: 문서 수정
• [v] style: 코드 포맷팅 등 스타일 변경
• refact: 코드 리팩토링
• test: 테스트 코드 추가/수정
• chore: 기타 변경사항

✅ 체크리스트

• [v] 커밋 컨벤션에 맞춰 커밋 메시지를 작성했습니다.
• [v] 커밋에 관련된 이슈 번호를 포함했습니다.
• [v] 실행에 문제가 없는지 테스트했습니다.

🗒️ 상세 내용 (선택)

작업 사항

커뮤니티 검색바 UI 수정

검색 유형 select 외곽 테두리/박스 제거 (피그마 기준 반영)

검색 input 배경(#FAFAFA), 보더(#BDBDBD), radius(1000px) 적용

아이콘(SVG) 교체 및 정리

글쓰기 버튼 연필 아이콘 SVG 교체

검색 input 돋보기 SVG 적용

정렬 아이콘(swap-vertical-outline.svg) 경로 적용(/public/icons)

페이지네이션 화살표(싱글/더블) SVG 적용

정렬/페이지네이션 UI 개선

정렬 모달 UI(hover/active 스타일) 피그마 방향으로 조정

페이지네이션 UI 스타일(숫자/화살표) 피그마 형태로 정리

참고 사항

게시글 카드 hover/여백/푸터 위치 등 나머지 UI 수정사항은 다음 PR에서 추가 예정

스크린 샷

🔗 연관된 이슈

closes #18