🐛 fix: update not-found page retry logic and typing header cursor pointer

Author: kyubumjang

src/features/provider/Provider.tsx

@@ -5,6 +5,7 @@ import {
   QueryClient,
   QueryClientProvider,
 } from "@tanstack/react-query";
+import { useRouter } from "next/navigation";
 import { ReactNode, useState } from "react";
 
 // import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
@@ -14,6 +15,7 @@ type Props = {
 };
 
 const Providers = ({ children }: Props) => {
+  const router = useRouter();
   const [client] = useState(
     new QueryClient({
       defaultOptions: {
@@ -27,8 +29,10 @@ const Providers = ({ children }: Props) => {
         onError: (error, query) => {
           if (query.meta && query.meta.errorMessage) {
             console.error(`${query.meta.errorMessage}`);
+            router.push("/not-found");
           } else {
             console.error(`Something went wrong: ${error.message}`);
+            router.push("/not-found");
           }
         },
       }),

src/features/typing/ui/NotFoundTyping/NotFoundTyping.tsx

@@ -2,8 +2,12 @@
 
 import { Button } from "@/shared/ui";
 import Image from "next/image";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
 
 const NotFoundTyping = () => {
+  const [isRouterBack, setIsRouterBack] = useState(false);
+  const router = useRouter();
   return (
     <div className="flex flex-col items-center justify-center text-center w-full min-h-[calc(100vh_-_68px)] gap-5">
       <div>
@@ -23,7 +27,13 @@ const NotFoundTyping = () => {
       <div>
         <Button
           className="bg-black rounded-[100px]"
-          onClick={() => window.location.reload()}
+          onClick={() => {
+            router.back();
+            setIsRouterBack(true);
+            if (isRouterBack) {
+              window.location.reload();
+            }
+          }}
         >
           다시 시도
         </Button>

src/shared/ui/Header/TypingHeader/TypingHeader.tsx

@@ -111,7 +111,7 @@ const TypingHeader = () => {
         )}
         <div className="text-lg font-black cursor-pointer">{renderTitle()}</div>
         {isRenderLogin() && (
-          <div className="w-6">
+          <div className="w-6 cursor-pointer">
             <div onClick={() => router.push("/login")}>
               <TbLogin2 size={24} />
             </div>