[FE] feat: 리뷰 링크 관리 페이지 레이아웃 구현

[soosoo22]

• resolves [FE] 리뷰 링크 관리 페이지 레이아웃을 구현한다 #1028

---

🚀 어떤 기능을 구현했나요 ?

리뷰 링크 관리 페이지의 레이아웃을 구현했습니다.

• 피그마 디자인에 따라 왼쪽 영역과 오른쪽 영역으로 화면을 분리했습니다.
• 왼쪽에는 리뷰 링크 생성 폼, 오른쪽에는 생성한 리뷰 카드를 표시하도록 레이아웃을 구성했습니다.
• 두 영역 사이에 구분선을 추가했습니다.
• 화면 너비가 768px 이하일 경우, 두 영역이 세로로 나열되도록 구현했습니다.

🔥 어떻게 해결했나요 ?

ReviewLinkManagementLayout을 생성하여 props로 leftContent와 rightContent를 받도록 했습니다.

  <ReviewLinkManagementLayout
      leftContent={<URLGeneratorForm />}
      rightContent={<ReviewCard createdAt={''} contentPreview={''} categories={[]} handleClick={() => {}} />}
    />

추가 변경 사항

• 헤더에 리뷰미 로고 글자 간격을 조정했습니다.
• 푸터에 border-top을 주었습니다.

📝 어떤 부분에 집중해서 리뷰해야 할까요?

폴더 위치를 고민했는데, 현재는 components/layouts/ 안에 위치해있습니다. 추후에 리뷰 링크 관리 페이지가 생긴다면, 해당 페이지의 폴더 안으로 이동시키는 것?도 좋을 것 같습니다..

📚 참고 자료, 할 말

• 리뷰미! 화이팅!