[PR] gnb 컴포넌트 생성

[kimnamheeee]

#️⃣ 연관된 이슈

관련된 이슈 번호를 적어주세요. 예: #이슈번호
#7

#️⃣ 작업 내용

이번 PR에서 작업한 내용을 간략히 설명해주세요. (이미지 첨부 가능)

GNB 컴포넌트 구현

• 인스타그램의 ui를 따라하되 구현되지 않는 범위와 관련된 ui를 제외 (아래 항목 제외)
  • 릴스
  • 메시지
  • 알림
  • 더보기
  • Meta의 다른 앱
• 인터랙션 구현
  • 검색 context drawer
  • 게시물 작성 모달 (Modal, drawer ui는 다른 PR에서, 지금은 동작만 존재)
  • explore, profile 라우팅
• 화면 크기에 따른 반응형 디자인 적용

#️⃣ 테스트 결과

코드 변경에 대해 테스트를 수행한 결과를 요약해주세요. 예: 모든 테스트 통과 여부, 새로 작성한 테스트 케이스 등

#️⃣ 변경 사항 체크리스트

• 코드에 영향이 있는 모든 부분에 대한 테스트를 작성하고 실행했나요?
• 문서를 작성하거나 수정했나요? (필요한 경우)
• 코드 컨벤션에 따라 코드를 작성했나요?
• 본 PR에서 발생할 수 있는 모든 의존성 문제가 해결되었나요?

#️⃣ 스크린샷 (선택)

관련된 스크린샷이 있다면 여기에 첨부해주세요.

동작은 동영상 확인해 주시면 감사하겠습니다

#️⃣ 리뷰 요구사항 (선택)

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요.
예시: 이 부분의 코드가 잘 작동하는지 테스트해 주실 수 있나요?

이번에도 shadcn 컴포넌트 자동생성 코드가 많기 때문에 widgets 폴더 내부의 내용만 봐 주시면 될 것 같습니다.
제가 저번에 스타일 초기화를 깜빡해서 (index.css 내용 지우기) 이번 PR에서 진행했는데 혹시 영향 받는 부분 있으면 알려주시면 감사하겠습니다...

📎 참고 자료 (선택)

관련 문서, 스크린샷, 또는 예시 등이 있다면 여기에 첨부해주세요

[github-actions]

✅ CI 통과했습니다!

• Lint / Type / Test / Build 모두 성공
• dev 브랜치로 머지 가능합니다 🚀

[c0912jy]

확인했습니다. css 변경사항은 딱히 영향 없는 것 같습니다.