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

frontend/src/components/layouts/ReviewLinkManagementLayout/index.tsx

@@ -0,0 +1,18 @@
+import * as S from './styles';
+
+interface ReviewLinkManagementLayoutProps {
+  leftContent: React.ReactNode;
+  rightContent: React.ReactNode;
+}
+
+const ReviewLinkManagementLayout = ({ leftContent, rightContent }: ReviewLinkManagementLayoutProps) => {
+  return (
+    <S.Layout>
+      <S.LeftWrapper>{leftContent}</S.LeftWrapper>
+      <S.Separator />
+      <S.RightWrapper>{rightContent}</S.RightWrapper>
+    </S.Layout>
+  );
+};
+
+export default ReviewLinkManagementLayout;

frontend/src/components/layouts/ReviewLinkManagementLayout/styles.ts

@@ -0,0 +1,48 @@
+import styled from '@emotion/styled';
+
+import media from '@/utils/media';
+
+export const Layout = styled.section`
+  width: 100%;
+
+  display: flex;
+
+  ${media.small} {
+    flex-direction: column;
+
+    padding: 0 3rem;
+  }
+`;
+
+export const LeftWrapper = styled.div`
+  width: 30%;
+
+  padding: 10rem 0;
+
+  ${media.small} {
+    width: 100%;
+  }
+`;
+
+export const Separator = styled.div`
+  width: 0.1rem;
+  min-height: calc(100vh - 13rem); // 전체 영역에서 헤더와 푸터 영역 제외
+
+  background-color: ${({ theme }) => theme.colors.lightGray};
+
+  margin: 0 10rem;
+
+  ${media.small} {
+    display: none;
+  }
+`;
+
+export const RightWrapper = styled.div`
+  width: 70%;
+
+  padding: 10rem 0;
+
+  ${media.small} {
+    width: 100%;
+  }
+`;