[FE] 리뷰 상세 페이지에 react-query 추가 및 리팩토링

frontend/src/App.tsx

@@ -1,6 +1,6 @@
 import { Outlet } from 'react-router';
 
-import { Main, PageLayout, Sidebar, Topbar, SideModal, ErrorSuspenseContainer } from './components';
+import { Main, PageLayout, Sidebar, Topbar, SideModal } from './components';
 import { useSidebar } from './hooks';
 
 const App = () => {
@@ -15,9 +15,7 @@ const App = () => {
       )}
       <Topbar openSidebar={openSidebar} />
       <Main>
-        <ErrorSuspenseContainer>
-          <Outlet />
-        </ErrorSuspenseContainer>
+        <Outlet />
       </Main>
     </PageLayout>
   );

frontend/src/apis/review.ts

@@ -47,8 +47,8 @@ export const getDetailedReviewApi = async ({ reviewId, memberId }: { reviewId: n
     throw new Error(createApiErrorMessage(response.status));
   }
 
-  const data: DetailReviewData = await response.json();
-  return data;
+  const data = await response.json();
+  return data as DetailReviewData;
 };
 
 // 리뷰 리스트

frontend/src/index.tsx

@@ -6,6 +6,7 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 
 import App from '@/App';
 
+import { ErrorSuspenseContainer } from './components';
 import DetailedReviewPage from './pages/DetailedReviewPage';
 import ErrorPage from './pages/ErrorPage';
 import ReviewPreviewListPage from './pages/ReviewPreviewListPage';
@@ -44,7 +45,11 @@ const router = createBrowserRouter([
       },
       {
         path: 'user/detailed-review/:id',
-        element: <DetailedReviewPage />,
+        element: (
+          <ErrorSuspenseContainer>
+            <DetailedReviewPage />
+          </ErrorSuspenseContainer>
+        ),
       },
     ],
   },