refactor: ProtectedRoutes에서 로그인 여부를 boolean 값이 아닌 토큰 값으로 확인하도록 수정

src/App.tsx

@@ -49,7 +49,7 @@ const App: React.FC = () => {
   const navigate = useNavigate();
 
   const isMobile = useIsMobile();
-  const isLoggedIn = !!useNewSelector(selectAccessToken);
+  const accessToken = useNewSelector(selectAccessToken);
   const isTokenRefreshing = useNewSelector(selectIsRefreshing);
 
   useEffect(() => {
@@ -96,7 +96,7 @@ const App: React.FC = () => {
           <Route path={PATH.SEARCH.GAME} element={<SearchGamePage />} />
         </Route>
 
-        <Route element={<ProtectedRoutes isLoggedIn={isLoggedIn} />}>
+        <Route element={<ProtectedRoutes token={accessToken} />}>
           <Route path={PATH.MYPAGE} element={<LayoutNoFooter />}>
             <Route index element={<MyPage />} />
           </Route>

src/components/Routes/ProtectedRoutes.tsx

@@ -3,11 +3,11 @@ import { PATH } from '@/constants/path';
 import { Navigate, Outlet } from 'react-router-dom';
 
 type Props = {
-  isLoggedIn: boolean;
+  token: string | undefined;
 };
 
-const ProtectedRoutes = ({ isLoggedIn }: Props) => {
-  return isLoggedIn ? <Outlet /> : <Navigate to={PATH.LOGIN} />;
+const ProtectedRoutes = ({ token }: Props) => {
+  return token ? <Outlet /> : <Navigate to={PATH.LOGIN} />;
 };
 
 export default ProtectedRoutes;