fix: 추천 api 토큰 추가

Author: JKyEun

src/routes/mission/$missionId/-components/MissionNotTriedDefault.tsx

@@ -18,7 +18,7 @@ export default function MissionNotTriedDefault({
   onStart,
 }: MissionNotTriedDefaultProps) {
   return (
-    <div className="flex flex-col bg-neutral-900">
+    <div className="fixed inset-0 flex flex-col bg-neutral-900">
       <MissionDetailHeader type="close" />
 
       <div className="flex-1 flex flex-col items-center gap-4 px-4">
@@ -40,7 +40,7 @@ export default function MissionNotTriedDefault({
           </div>
         </div>
 
-        <div className="w-full h-full max-w-[85vw] flex items-center justify-center">
+        <div className="w-full max-w-[85vw] flex items-center justify-center">
           <MissionGridCard
             sectorName={sectorName}
             difficulty={difficulty}

src/routes/mission/$missionId/-components/MissionNotTriedSuccess.tsx

@@ -1,6 +1,7 @@
 import { useQuery } from "@tanstack/react-query";
 import { useNavigate } from "@tanstack/react-router";
 import { getRouteMissionRecommendationByAttempt } from "@/generated/attempts/attempts";
+import { getHeaderToken } from "@/utils/cookie";
 import MissionGridCard from "../../-components/MissionGridCard";
 import { useCarousel } from "../../-hooks/useCarousel";
 import MissionDetailHeader from "./MissionDetailHeader";
@@ -17,7 +18,10 @@ export default function MissionNotTriedSuccess({
 
   const { data: missions } = useQuery({
     queryKey: ["mission-not-tried-success", attemptId],
-    queryFn: () => getRouteMissionRecommendationByAttempt(attemptId ?? 0),
+    queryFn: () =>
+      getRouteMissionRecommendationByAttempt(attemptId ?? 0, {
+        headers: getHeaderToken(),
+      }),
     select: (data) => data.data ?? [],
   });