fix: force expand all tree nodes on data updates

The tree component automatically collapses whenever the data updates.
This happens because `defaultOpened` only works on the first load, and
the library loses the expansion state when treeData receives new objects
from useMemo.

Added a useEffect that runs a recursive function to force open all
nodes and their children every time treeData changes. This ensures the
tree stays fully expanded even after data refreshes.

Signed-off-by: Jasmina <jasmina.piric@secomind.com>

Author: JasminaPiric

frontend/src/components/DeploymentDetails.tsx

@@ -16,7 +16,7 @@
 //
 // SPDX-License-Identifier: Apache-2.0
 
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { Card, Col, Row } from "react-bootstrap";
 import Tree, { useTreeState } from "react-hyper-tree";
 import { FormattedMessage, useIntl } from "react-intl";
@@ -438,10 +438,26 @@ const ContainerDeploymentItem = ({
 
   const { required, handlers } = useTreeState({
     data: treeData,
-    defaultOpened: true,
     id: prefix,
   });
 
+  useEffect(() => {
+    const openNodeAndChildren = (nodes: any[]) => {
+      if (!nodes) return;
+
+      nodes.forEach((node) => {
+        handlers.setOpen(node.id, true);
+        if (node.children && node.children.length > 0) {
+          openNodeAndChildren(node.children);
+        }
+      });
+    };
+
+    if (treeData && treeData.length > 0) {
+      openNodeAndChildren(treeData);
+    }
+  }, [treeData, handlers]);
+
   return (
     <Tree
       {...required}