✨ feat:접근 권한 toast 추가

Issue Resolved: #

Author: qkdl60

front/src/components/Navbar/index.tsx

@@ -38,6 +38,9 @@ export default function Navbar() {
       toast.warning('예매내역이 삭제되었습니다.');
       return queryClient.refetchQueries({ queryKey: ['reservation'] });
     },
+    onError: () => {
+      toast.error('예매내역 삭제에 실패했습니다.\n 잠시 후 다시 시도해주세요');
+    },
   });
 
   const deletingReservationIdList = useMutationState({
@@ -47,9 +50,9 @@ export default function Navbar() {
 
   const { mutate: requestLogout } = useMutation({
     mutationFn: postLogout,
-    onError: () => {},
     onSuccess: () => {
       if (logout) logout();
+      toast.warning('로그아웃 되었습니다');
     },
   });
 

front/src/components/loaders/WithLogin.tsx

@@ -3,11 +3,16 @@ import { Navigate } from 'react-router-dom';
 
 import { useAuthContext } from '@/hooks/useAuthContext.tsx';
 
+import { toast } from '@/components/Toast/index.ts';
+
 import { ROUTE_URL } from '@/constants/index.ts';
 
 //TODO toast 알림 추가 필ㄹ요
 export default function WithLogin({ children }: PropsWithChildren) {
   const { isLogin } = useAuthContext();
-  if (!isLogin) return <Navigate to={ROUTE_URL.USER.LOGIN} />;
+  if (!isLogin) {
+    toast.warning('로그인이 필요한 서비스입니다.\n로그인 후 이용해주세요.');
+    return <Navigate to={ROUTE_URL.USER.LOGIN} />;
+  }
   return <>{children}</>;
 }

front/src/components/loaders/WithoutLogin.tsx

@@ -3,10 +3,15 @@ import { Navigate } from 'react-router-dom';
 
 import { useAuthContext } from '@/hooks/useAuthContext.tsx';
 
+import { toast } from '@/components/Toast/index.ts';
+
 import { ROUTE_URL } from '@/constants/index.ts';
 
 export default function WithoutLogin({ children }: PropsWithChildren) {
   const { isLogin } = useAuthContext();
-  if (isLogin) return <Navigate to={ROUTE_URL.PROGRAM.DEFAULT} />;
+  if (isLogin) {
+    toast.warning('로그인 후 접근할 수 없습니다.\n로그 아웃 후 이용해주세요.');
+    return <Navigate to={ROUTE_URL.PROGRAM.DEFAULT} />;
+  }
   return <>{children}</>;
 }