fix id

apps/app/src/components/Common/PagePathHierarchicalLink/PagePathHierarchicalLink.tsx

@@ -30,7 +30,7 @@ export const PagePathHierarchicalLink = memo((props: PagePathHierarchicalLinkPro
   const RootElm = useCallback(({ children }) => {
     return isInnerElem
       ? <>{children}</>
-      : <span className="text-break" id="page-path-hierarchical-link">{children}</span>;
+      : <span className="text-break" id="grw-page-path-hierarchical-link">{children}</span>;
   }, [isInnerElem]);
 
   // render root element

apps/app/src/components/PageHeader/PagePathHeader.tsx

@@ -89,8 +89,8 @@ export const PagePathHeader: FC<Props> = (props) => {
     };
   }, [clickOutSideHandler]);
 
-  const linkElem = document.getElementById('page-path-hierarchical-link');
-  const areaElem = document.getElementById('grw-page-path-header-area');
+  const linkElem = document.getElementById('grw-page-path-hierarchical-link');
+  const areaElem = document.getElementById('grw-page-path-header-container');
 
   const linkElemWidth = linkElem?.offsetWidth ?? 0;
   const areaElemWidth = areaElem?.offsetWidth ?? 0;
@@ -116,7 +116,7 @@ export const PagePathHeader: FC<Props> = (props) => {
       style={{ width: pagePathHeaderWidth }}
     >
       <div
-        id="grw-page-path-header-area"
+        id="grw-page-path-header-container"
         className="me-2"
         style={{ minWidth: 0 }}
       >