Fix permission guard to forward ref (#2053)

<!--
Ensure the title clearly reflects what was changed.
Provide a clear and concise description of the changes made. The PR
should only contain the changes related to the issue, and no other
unrelated changes.
-->

Fixes OPS-3833

Author: alexandrudanpop

packages/react-ui/src/app/common/components/permission-guard.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { Permission } from '@openops/shared';
+import { Slot } from '@radix-ui/react-slot';
 
 type PermissionGuardProps = {
   permission: Permission | Permission[];
@@ -9,6 +10,15 @@ type PermissionGuardProps = {
   tooltipLocation?: 'bottom' | 'left';
 };
 
-export const PermissionGuard = ({ children }: PermissionGuardProps) => {
-  return children;
-};
+export const PermissionGuard = React.forwardRef<
+  HTMLElement,
+  PermissionGuardProps
+>(({ children, ...rest }, ref) => {
+  return (
+    <Slot ref={ref} {...rest}>
+      {children}
+    </Slot>
+  );
+});
+
+PermissionGuard.displayName = 'PermissionGuard';