taken suggestion from ai

Author: PurnenduMIshra129th

src/components/SecuredRoute/SecuredRoute.tsx

@@ -47,9 +47,8 @@ const SecuredRoute = (): JSX.Element => {
   } else if (error) {
     return <div>Error During Routing ...</div>;
   } else {
-    console.log('Mocked Data:', data);
-    if (!data || !data.verifyRole) {
-      return <div>Error During Routing ...</div>;
+    if (!data?.verifyRole) {
+      return <Navigate to="/" replace />;
     }
     const { isAuthorized = false, role = '' } = (data as VerifyRoleResponse)
       .verifyRole;

src/components/UserPortal/SecuredRouteForUser/SecuredRouteForUser.tsx

@@ -50,7 +50,7 @@ const SecuredRouteForUser = (): JSX.Element => {
     if (!data?.verifyRole) {
       return <Navigate to="/" replace />;
     }
-    
+
     const { isAuthorized, role } = data.verifyRole;
 
     if (isAuthorized) {

src/screens/PageNotFound/PageNotFound.spec.tsx

@@ -14,15 +14,29 @@ import {
   ApolloLink,
   ApolloProvider,
   InMemoryCache,
+  Observable,
 } from '@apollo/client';
 
 const { setItem } = useLocalStorage();
 
-const link = ApolloLink.from([
-  new ApolloLink((operation, forward) => {
-    return forward ? forward(operation) : null; // ✅ Fix the issue
-  }),
-]);
+const link = new ApolloLink((operation, forward) => {
+  // Mock responses based on the operation
+  if (operation.operationName === 'VERIFY_ROLE') {
+    return new Observable((observer) => {
+      // Simulate different authorization scenarios
+      observer.next({
+        data: {
+          verifyRole: {
+            isAuthorized: true, // or false for different test cases
+            role: 'ADMIN', // or other roles
+          },
+        },
+      });
+      observer.complete();
+    });
+  }
+  return forward(operation);
+});
 
 const client: ApolloClient<NormalizedCacheObject> = new ApolloClient({
   cache: new InMemoryCache(),