[FE] feat: 상품 상세 로그인 필요 메시지에 로그인 링크 추가 (#319)

* feat: 비로그인 상품 리뷰 조회 메시지 로그인 경로 링크 추가

* refactor: 로그인 페이지 상수처리

frontend/src/components/Review/ReviewList/ReviewList.tsx

@@ -1,9 +1,10 @@
-import { Text } from '@fun-eat/design-system';
-import React from 'react';
+import { Text, Link } from '@fun-eat/design-system';
+import { Link as RouterLink } from 'react-router-dom';
 import styled from 'styled-components';
 
 import ReviewItem from '../ReviewItem/ReviewItem';
 
+import { PATH } from '@/constants/path';
 import { useInfiniteProductReviews } from '@/hooks/product';
 import type { SortOption } from '@/types/common';
 
@@ -20,9 +21,14 @@ const ReviewList = ({ productId, selectedOption }: ReviewListProps) => {
 
   if (error) {
     return (
-      <ErrorDescription align="center" weight="bold" size="lg">
-        {LOGIN_ERROR_MESSAGE}
-      </ErrorDescription>
+      <ErrorContainer>
+        <ErrorDescription align="center" weight="bold" size="lg">
+          {LOGIN_ERROR_MESSAGE}
+        </ErrorDescription>
+        <LoginLink as={RouterLink} to={PATH.LOGIN} block>
+          로그인하러 가기
+        </LoginLink>
+      </ErrorContainer>
     );
   }
 
@@ -48,8 +54,20 @@ const ReviewListContainer = styled.ul`
   row-gap: 60px;
 `;
 
+const ErrorContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
 const ErrorDescription = styled(Text)`
   padding: 40px 0;
   white-space: pre-line;
   word-break: break-all;
 `;
+
+const LoginLink = styled(Link)`
+  padding: 16px 24px;
+  border: 1px solid ${({ theme }) => theme.colors.gray4};
+  border-radius: 8px;
+`;

frontend/src/pages/ProfilePage.tsx

@@ -3,6 +3,7 @@ import { useEffect } from 'react';
 import { Navigate } from 'react-router-dom';
 import styled from 'styled-components';
 
+import { PATH } from '@/constants/path';
 import { useMember } from '@/hooks/auth';
 import { useMemberValueContext } from '@/hooks/context';
 
@@ -15,7 +16,7 @@ const ProfilePage = () => {
   }, []);
 
   if (member === null) {
-    return <Navigate to="/login" replace />;
+    return <Navigate to={PATH.LOGIN} replace />;
   }
 
   return (