Update UX issue template to use YAML extension (#49099)

.github/ISSUE_TEMPLATE/4-UX-design.yaml

@@ -1,12 +1,12 @@
 name: UX design issue
 description: Create an issue for delivering wireframes, mockups or other design solutions.
-title: ""
+title: "UX: "
 labels: ["type/ux"]
 body:
-  - type: input
+  - type: textarea
     id: background
     attributes:
-      label: Background / Why we're doing this
+      label: "Background / Why we're doing this"
       description: Describe the problem and background of the issue. This could include research insights that inform the design changes, unmet user needs, or other usability issues.
       placeholder: Add UI improvements to make Grafana Alerting alert creation easier based on usability test results.
     validations:
@@ -15,10 +15,12 @@ body:
     attributes:
       label: Is there existing research for this?
       description: Please link research results or insights in the Background section if you have any. If no research was conducted, you might want to consider usability testing your design later.
-      options:
-      - label: Yes, I have linked it
-      - label: No research yet
-        required: true
+      options: [
+        "Yes, I have linked it", 
+        "No research yet"
+      ]
+    validations:
+      required: true
   - type: textarea
     id: problems-or-tasks
     attributes:
@@ -31,11 +33,11 @@ body:
         - …
     validations:
       required: false
-- type: textarea
-  attributes:
-    label: Deliverables
-    description: Add a checklist of deliverables here. You can later add links to each deliverable.
-    value: |
-        - Figma mockup
-        - Miro board
-        - …
+  - type: textarea
+    attributes:
+      label: Deliverables
+      description: Add a checklist of deliverables here. You can later add links to each deliverable.
+      value: |
+          - Figma mockup
+          - Miro board
+          - …