[UII] Only show beta integrations setting for settings write privilege (

elastic#187513)

## Summary

Resolves [elastic#184639](elastic#184639).

This PR hides the beta integrations toggle if user does not have
sufficient privileges to write this to Fleet settings SO. The real fix
should be handled with elastic#187511.

x-pack/plugins/fleet/public/applications/integrations/sections/epm/components/integration_preference.tsx

@@ -23,7 +23,7 @@ import {
   EuiSwitch,
 } from '@elastic/eui';
 
-import { usePutSettingsMutation, useStartServices } from '../../../hooks';
+import { usePutSettingsMutation, useStartServices, useAuthz } from '../../../hooks';
 
 export type IntegrationPreferenceType = 'recommended' | 'beats' | 'agent';
 
@@ -92,7 +92,7 @@ export const IntegrationPreference = ({
   const [prereleaseIntegrationsChecked, setPrereleaseIntegrationsChecked] = React.useState<
     boolean | undefined
   >(undefined);
-
+  const authz = useAuthz();
   const { docLinks, notifications } = useStartServices();
 
   const { mutateAsync: mutateSettingsAsync } = usePutSettingsMutation();
@@ -153,18 +153,24 @@ export const IntegrationPreference = ({
     updateSettings(event.target.checked);
   };
 
+  const canUpdateBetaSetting = authz.fleet.allSettings;
+
   return (
     <EuiPanel hasShadow={false} paddingSize="none">
-      <EuiSwitchNoWrap
-        label="Display beta integrations"
-        checked={
-          typeof prereleaseIntegrationsChecked !== 'undefined'
-            ? prereleaseIntegrationsChecked
-            : prereleaseIntegrationsEnabled
-        }
-        onChange={onPrereleaseSwitchChange}
-      />
-      <EuiSpacer size="l" />
+      {canUpdateBetaSetting && (
+        <>
+          <EuiSwitchNoWrap
+            label="Display beta integrations"
+            checked={
+              typeof prereleaseIntegrationsChecked !== 'undefined'
+                ? prereleaseIntegrationsChecked
+                : prereleaseIntegrationsEnabled
+            }
+            onChange={onPrereleaseSwitchChange}
+          />
+          <EuiSpacer size="l" />
+        </>
+      )}
       <EuiText size="s">{title}</EuiText>
       <EuiSpacer size="m" />
       <EuiForm>