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

frontend/src/components/layouts/Footer/style.ts

@@ -21,6 +21,8 @@ export const Footer = styled.footer`
 
   background-color: ${({ theme }) => theme.colors.white};
 
+  border-top: 0.1rem solid ${({ theme }) => theme.colors.lightGray};
+
   ${media.xSmall} {
     flex-direction: column;
     gap: 0.2rem;

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%;
+  }
+`;

frontend/src/components/layouts/Topbar/components/Logo/styles.ts

@@ -3,17 +3,11 @@ import styled from '@emotion/styled';
 import media from '@/utils/media';
 
 export const Logo = styled.div`
-  line-height: 8rem;
   text-align: center;
 
   span {
-    font-size: 3rem;
+    font-size: 2.8rem;
     font-weight: ${({ theme }) => theme.fontWeight.bolder};
-    letter-spacing: 0.7rem;
-
-    ${media.small} {
-      font-size: 2.8rem;
-    }
 
     ${media.xSmall} {
       font-size: 2.6rem;