FE: UX: Disable connector buttons in r/o mode (#608)

Co-authored-by: Roman Zabaluev <gpg@haarolean.dev>

Author: spartanns

frontend/src/components/Connect/List/ActionsCell.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import {
   Action,
   ConnectorAction,
@@ -18,12 +18,14 @@ import {
 import { useConfirm } from 'lib/hooks/useConfirm';
 import { useIsMutating } from '@tanstack/react-query';
 import { ActionDropdownItem } from 'components/common/ActionComponent';
+import ClusterContext from 'components/contexts/ClusterContext';
 
 const ActionsCell: React.FC<CellContext<FullConnectorInfo, unknown>> = ({
   row,
 }) => {
   const { connect, name, status } = row.original;
   const { clusterName } = useAppParams<ClusterNameRoute>();
+  const { isReadOnly } = useContext(ClusterContext);
   const mutationsNumber = useIsMutating();
   const isMutating = mutationsNumber > 0;
   const confirm = useConfirm();
@@ -123,7 +125,7 @@ const ActionsCell: React.FC<CellContext<FullConnectorInfo, unknown>> = ({
       )}
       <ActionDropdownItem
         onClick={restartConnectorHandler}
-        disabled={isMutating}
+        disabled={isMutating || isReadOnly}
         permission={{
           resource: ResourceType.CONNECT,
           action: Action.OPERATE,