fix: side panel header action portal target not found

Author: Elessar1802

src/components/common/SidePanel/SidePanelHeaderActions.tsx

@@ -1,9 +1,19 @@
-import { PropsWithChildren } from 'react'
+import { PropsWithChildren, useEffect, useState } from 'react'
 import { createPortal } from 'react-dom'
 
 import { logExceptionToSentry } from '@devtron-labs/devtron-fe-common-lib'
 
 export const SidePanelHeaderActions = ({ children }: PropsWithChildren<{}>) => {
+    const [hasComponentRenderedOnce, setHasComponentRenderedOnce] = useState(false)
+
+    useEffect(() => {
+        setHasComponentRenderedOnce(true)
+    }, [])
+
+    if (!hasComponentRenderedOnce) {
+        return null
+    }
+
     const targetElement = document.getElementById('devtron-side-panel-actions')
 
     if (!targetElement) {