test: enhance MenuItem tests with useNavigateToAnotherPage mock

### Changes Made
- Added a mock for the `useNavigateToAnotherPage` hook in `MenuItem.test.tsx` to improve test coverage for navigation functionality.
- Implemented a mock implementation of the hook to simulate navigation actions based on the application mode, ensuring accurate testing of the `MenuItem` component's behavior in different scenarios.
- Updated the test suite to utilize the mocked hook, enhancing the robustness of the component tests.

Author: rahulbarwal

app/client/src/pages/AppViewer/Navigation/components/MenuItem/MenuItem.test.tsx

@@ -65,6 +65,13 @@ jest.mock("ee/RouteBuilder", () => ({
   viewerURL: jest.fn(),
   builderURL: jest.fn(),
 }));
+
+// Mock the useNavigateToAnotherPage hook
+jest.mock("../../hooks/useNavigateToAnotherPage", () => ({
+  __esModule: true,
+  default: jest.fn(() => jest.fn()),
+}));
+
 const mockPage: Page = {
   pageId: "page1_id",
   pageName: "Test Page 1",
@@ -131,6 +138,27 @@ describe("MenuItem Component", () => {
       pathname: currentPathname,
     });
 
+    // Mock the useNavigateToAnotherPage hook
+    const useNavigateToAnotherPageMock =
+      require("../../hooks/useNavigateToAnotherPage").default;
+
+    useNavigateToAnotherPageMock.mockImplementation(() => {
+      return () => {
+        const pageURL =
+          testState.entities.app.mode === APP_MODE.PUBLISHED
+            ? `/viewer/${mockPage.basePageId}`
+            : `/builder/${mockPage.basePageId}`;
+
+        store.dispatch(
+          navigateToAnotherPage({
+            pageURL,
+            query: mockQuery,
+            state: { invokedBy: NavigationMethod.AppNavigation },
+          }),
+        );
+      };
+    });
+
     return render(
       <Provider store={store}>
         <MenuItem