feat: integrates on page unload behavior with backend for deployed mode of the app (#41036)

## Description
**TLDR:** Adds support for executing page unload actions during
navigation in deployed mode, refactors related components, and improves
action handling.

<ins>Problem</ins>

Page unload actions were not triggered during navigation in deployed
mode, leading to incomplete workflows especially for cleanup.

<ins>Root cause</ins>

The application lacked integration for executing unload actions on page
transitions, and related components did not properly handle navigation
or action execution.

<ins>Solution</ins>

This PR handles the integration of page unload action execution during
navigation in deployed mode. It introduces selectors for unload actions,
refactors the MenuItem component for better navigation handling, and
improves the PluginActionSaga for executing plugin actions. Unused
parameters and functions are removed for clarity and maintainability.

Fixes #40997
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/16021075820>
> Commit: f09e3c4
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=16021075820&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.All`
> Spec:
> <hr>Wed, 02 Jul 2025 10:21:00 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Added support for actions that execute automatically when navigating
away from a page.
* Introduced new navigation logic and hooks for consistent page
transitions within the app.
  * Added new menu and dropdown components for improved navigation UI.

* **Bug Fixes**
* Updated navigation item styling and active state detection for
improved accuracy.

* **Tests**
* Added comprehensive tests for navigation sagas and page unload
actions.
  * Added unit tests for navigation menu components.

* **Chores**
  * Refactored and centralized navigation logic for maintainability.
* Improved type safety and selector usage in navigation and action
execution.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: rahulbarwal

app/client/cypress/support/Pages/AppSettings/AppSettings.ts

@@ -59,7 +59,7 @@ export class AppSettings {
       ".t--app-viewer-navigation-top-inline-more-dropdown-item",
     _scrollArrows: ".scroll-arrows",
     _getActivePage: (pageName: string) =>
-      `//span[contains(text(),"${pageName}")]//ancestor::a[contains(@class,'is-active')]`,
+      `//span[contains(text(),"${pageName}")]//ancestor::div[contains(@class,'is-active')]`,
     _importBtn: "[data-testid='t--app-setting-import-btn']",
   };
 

app/client/src/actions/pageActions.tsx

@@ -30,6 +30,7 @@ import type { PACKAGE_PULL_STATUS } from "ee/constants/ModuleConstants";
 import type { ApiResponse } from "api/ApiResponses";
 import type { EvaluationReduxAction } from "./EvaluationReduxActionTypes";
 import { appsmithTelemetry } from "instrumentation";
+import type { NavigateToAnotherPagePayload } from "sagas/ActionExecution/NavigateActionSaga/types";
 
 export interface FetchPageListPayload {
   applicationId: string;
@@ -696,3 +697,10 @@ export const setupPublishedPage = (
     pageWithMigratedDsl,
   },
 });
+
+export const navigateToAnotherPage = (
+  payload: NavigateToAnotherPagePayload,
+) => ({
+  type: ReduxActionTypes.NAVIGATE_TO_ANOTHER_PAGE,
+  payload,
+});

app/client/src/ce/constants/ReduxActionConstants.tsx

@@ -620,6 +620,7 @@ const PageActionTypes = {
   RESET_PAGE_LIST: "RESET_PAGE_LIST",
   SET_ONLOAD_ACTION_EXECUTED: "SET_ONLOAD_ACTION_EXECUTED",
   EXECUTE_REACTIVE_QUERIES: "EXECUTE_REACTIVE_QUERIES",
+  NAVIGATE_TO_ANOTHER_PAGE: "NAVIGATE_TO_ANOTHER_PAGE",
 };
 
 const PageActionErrorTypes = {
@@ -731,6 +732,9 @@ const ActionExecutionTypes = {
   CANCEL_ACTION_MODAL: "CANCEL_ACTION_MODAL",
   CONFIRM_ACTION_MODAL: "CONFIRM_ACTION_MODAL",
   EXECUTE_PAGE_LOAD_ACTIONS: "EXECUTE_PAGE_LOAD_ACTIONS",
+  EXECUTE_PAGE_UNLOAD_ACTIONS: "EXECUTE_PAGE_UNLOAD_ACTIONS",
+  EXECUTE_PAGE_UNLOAD_ACTIONS_SUCCESS: "EXECUTE_PAGE_UNLOAD_ACTIONS_SUCCESS",
+  EXECUTE_PAGE_UNLOAD_ACTIONS_ERROR: "EXECUTE_PAGE_UNLOAD_ACTIONS_ERROR",
   EXECUTE_PLUGIN_ACTION_REQUEST: "EXECUTE_PLUGIN_ACTION_REQUEST",
   EXECUTE_PLUGIN_ACTION_SUCCESS: "EXECUTE_PLUGIN_ACTION_SUCCESS",
   SET_ACTION_RESPONSE_DISPLAY_FORMAT: "SET_ACTION_RESPONSE_DISPLAY_FORMAT",

app/client/src/entities/Action/index.ts

@@ -39,6 +39,7 @@ export enum ActionExecutionContext {
   PAGE_LOAD = "PAGE_LOAD",
   EVALUATION_ACTION_TRIGGER = "EVALUATION_ACTION_TRIGGER",
   REFRESH_ACTIONS_ON_ENV_CHANGE = "REFRESH_ACTIONS_ON_ENV_CHANGE",
+  PAGE_UNLOAD = "PAGE_UNLOAD",
 }
 
 export interface KeyValuePair {

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

@@ -5,10 +5,9 @@ import {
   getMenuItemBackgroundColorWhenActive,
   getMenuItemTextColor,
 } from "pages/AppViewer/utils";
-import { NavLink } from "react-router-dom";
 import styled from "styled-components";
 
-export const StyledMenuItem = styled(NavLink)<{
+export const StyledMenuItem = styled.div<{
   borderRadius: string;
   primaryColor: string;
   navColorStyle: NavigationSetting["colorStyle"];