FE: RBAC problem for broker settings

Resolves: #1051

Author: Nilumilak

frontend/src/components/Brokers/Broker/Configs/TableComponents/InputCell/InputCellViewMode.tsx

@@ -1,9 +1,10 @@
 import React, { type FC } from 'react';
-import { Button } from 'components/common/Button/Button';
 import EditIcon from 'components/common/Icons/EditIcon';
 import type { ConfigUnit } from 'components/Brokers/Broker/Configs/lib/types';
 import Tooltip from 'components/common/Tooltip/Tooltip';
 import { getConfigDisplayValue } from 'components/Brokers/Broker/Configs/lib/utils';
+import { ActionButton } from 'components/common/ActionComponent';
+import { Action, ResourceType } from 'generated-sources';
 
 import * as S from './styled';
 
@@ -37,15 +38,20 @@ const InputCellViewMode: FC<InputCellViewModeProps> = ({
       </S.Value>
       <Tooltip
         value={
-          <Button
+          <ActionButton
             buttonType="primary"
             buttonSize="S"
             aria-label="editAction"
             onClick={onEdit}
             disabled={isReadOnly}
+            message={isReadOnly ? '' : undefined}
+            permission={{
+              resource: ResourceType.CLUSTERCONFIG,
+              action: Action.EDIT,
+            }}
           >
             <EditIcon /> Edit
-          </Button>
+          </ActionButton>
         }
         showTooltip={isReadOnly}
         content="Property is read-only"

frontend/src/components/common/ActionComponent/ActionButton/ActionCanButton/ActionCanButton.tsx

@@ -28,7 +28,7 @@ const ActionButton: React.FC<Props> = ({
   return (
     <S.Wrapper ref={refs.setReference}>
       <Button {...props} disabled={disabled || isDisabled} />
-      {open && (
+      {open && message && (
         <S.MessageTooltipLimited
           ref={refs.setFloating}
           style={{