fix(radio-button): display validation message in parent group (#9218)

**Related Issue:** #9220

## Summary

Fix validation messages not displaying on `calcite-radio-button-group`
during form submission.

Note: `calcite-radio-button`s need to be in a group, or else they will
not display validation messages based on the `required` constraint.

The formAssociated common test needs to be updated to support a parent
component wrapping the form associated element. Currently it assumes the
first element it finds will be the form associated component to test. I
will do this in a follow up PR, likely after the release.

Author: benelan

packages/calcite-components/src/components/radio-button/radio-button.e2e.ts

@@ -575,6 +575,40 @@ describe("calcite-radio-button", () => {
   });
 
   describe("is form-associated", () => {
-    formAssociated("calcite-radio-button", { testValue: true, inputType: "radio" });
+    describe("no group", () => {
+      formAssociated("calcite-radio-button", {
+        testValue: true,
+        inputType: "radio",
+      });
+    });
+
+    // skipped until the util supports a parent component wrapping the form associated element(s)
+    // https://github.com/Esri/calcite-design-system/issues/9221
+    describe.skip("group", () => {
+      formAssociated(
+        html`
+          <calcite-radio-button-group name="using" required>
+            <calcite-label layout="inline">
+              Yes
+              <calcite-radio-button value="yes" required></calcite-radio-button>
+            </calcite-label>
+            <calcite-label layout="inline">
+              No
+              <calcite-radio-button value="no" required></calcite-radio-button>
+            </calcite-label>
+            <calcite-label layout="inline">
+              Maybe
+              <calcite-radio-button value="maybe" required></calcite-radio-button>
+            </calcite-label>
+          </calcite-radio-button-group>
+        `,
+        {
+          testValue: true,
+          inputType: "radio",
+          validation: true,
+          changeValueKeys: ["Space"],
+        },
+      );
+    });
   });
 });