fix: Home > Project Settings > Integrations- Radio buttons context not coveyed through AT (#190393)

Closes:
https://github.com/elastic/observability-accessibility/issues/137

## Description

`Home` > `Project Settings` > `Integrations`- Radio buttons
(Recommended, Elastic Agent, Beats) do not have context conveyed via
screen reader

### Steps to recreate

Pre-requisite:
Screen reader is activated

1. Navigate to the `Serverless Observability Solution `instance.
2. Click `Project Settings` in lower Left Nav
3. Select `Integrations`
4. Keyboard navigate to the Recommended, Elastic Agent, Beats radio
buttons
5. Tab through the list

Expected Result:
-Screen reader user understands the meaning and context of the radio
button options.

Actual Result:
-Screen reader reads radio buttons but is not provided the context of
what they relate to.


### Screens

<img width="1296" alt="image"
src="https://github.com/user-attachments/assets/fdca5a9b-46d9-44a2-a12f-f50134439333">

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

@@ -171,10 +171,11 @@ export const IntegrationPreference = ({
           <EuiSpacer size="l" />
         </>
       )}
-      <EuiText size="s">{title}</EuiText>
-      <EuiSpacer size="m" />
       <EuiForm>
         <EuiRadioGroup
+          legend={{
+            children: <EuiText size="s">{title}</EuiText>,
+          }}
           options={radios}
           idSelected={idSelected}
           onChange={(id, value) => {