Implement infinite depth subgraph execution tracking with dynamic ID resolution and caching (#1005)

## Description

Added support for nested pipeline execution monitoring with a new `useCurrentLevelExecutionData` hook that dynamically fetches and tracks execution data across multiple levels of nested subgraphs. This enables users to navigate into deeply nested components while maintaining accurate task status visualization.

## Related Issue and Pull requests

## Type of Change

- [x] New feature
- [x] Improvement

## Checklist

- [x] I have tested this does not break current pipelines / runs functionality
- [x] I have tested the changes on staging

## Screenshots (if applicable)

## Test Instructions

1. Run the new nested test pipeline (added in this PR)
2. Navigate through the different levels of nested components
3. Verify that task status is correctly displayed at each level
4. Confirm that execution data is properly cached when navigating between levels

## Additional Comments

The new hook replaces the previous static task status mapping with a dynamic approach that:
- Tracks the current subgraph path
- Determines the correct execution ID for each level
- Caches execution data to improve performance when navigating between levels
- Updates task status maps based on the current level's execution state

Author: Mbeaulne

src/components/PipelineRun/RootExecutionStatusProvider.test.tsx

@@ -117,6 +117,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: undefined,
           state: undefined,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: true,
         error: null,
       });
@@ -134,6 +135,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -157,6 +159,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: undefined,
           state: undefined,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: true,
         error: null,
       });
@@ -173,6 +176,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: undefined,
           state: undefined,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: mockError,
       });
@@ -193,6 +197,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: undefined,
           state: undefined,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -210,6 +215,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -244,6 +250,7 @@ describe("<RootExecutionStatusProvider />", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });

src/components/PipelineRun/RunDetails.test.tsx

@@ -178,6 +178,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -199,6 +200,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -220,6 +222,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -241,6 +244,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -260,6 +264,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockCancelledExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -281,6 +286,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockCancelledExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });
@@ -300,6 +306,7 @@ describe("<RunDetails/>", () => {
           details: mockExecutionDetails,
           state: mockRunningExecutionState,
         },
+        rootExecutionId: "test-execution-id",
         isLoading: false,
         error: null,
       });

src/components/shared/ReactFlow/FlowCanvas/FlowCanvas.tsx

@@ -871,7 +871,6 @@ const FlowCanvas = ({
   return (
     <BlockStack gap="0" className="h-full w-full">
       <SubgraphBreadcrumbs />
-
       <ReactFlow
         {...rest}
         nodes={allNodes}

src/components/shared/ReactFlow/FlowCanvas/TaskNode/TaskConfiguration/TaskConfiguration.tsx

@@ -50,7 +50,7 @@ const TaskConfiguration = ({ taskNode, actions }: TaskConfigurationProps) => {
     return null;
   }
 
-  const executionId = taskSpec.annotations?.executionId as string | undefined;
+  const executionId = taskSpec.annotations?.executionId as string;
 
   return (
     <div

src/components/shared/ReactFlow/FlowSidebar/FlowSidebar.tsx

@@ -22,7 +22,7 @@ const FlowSidebar = () => {
   const requiresAuthorization = isAuthorizationRequired();
 
   const sidebarTriggerClasses = cn(
-    "absolute top-[65px] z-1 transition-all duration-300 bg-white rounded-r-md shadow-md p-0.5 pr-1",
+    "absolute top-[65px] z-1 transition-all duration-300 bg-white mt-8 rounded-r-md shadow-md p-0.5 pr-1",
     isOpen ? "left-[255px]" : "left-[47px]",
   );