Reuse dialog styles

[latin-panda]

Description

As we continue to add more dialogs to Web Forms, we should start reusing and standardising dialog styles.

Evaluate the existing dialogs/modals currently in Web Forms, identify inconsistencies in styling and structure, and define a standard dialog style. The goal is to make dialog styles consistent, easy to reuse, and simpler to maintain as the number of dialogs grows.

---

Checklist

• Does it need UI/UX design?
  • Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
  • No
• Does it need API design?
  • Yes. Specify the endpoints, methods, or data structures needed.
  • No
• Does it need design around state flow?
  • Yes. Outline the state flow requirements.
  • No
• Does it need a test plan?
  • Yes. Add the test plan as a comment in this task or attach the document.
  • No

---

User Stories

As a Web Forms user,
I want dialogs to have a consistent visual style,
so that the interface feels predictable and easier to use.

As a developer,
I want a single, standard dialog pattern,
so that dialogs are easier to maintain and reuse across Web Forms.

---

Design

• Figma: [Insert URL]
• Design Docs: [Insert URL]

---

Dependencies

---

Additional Notes

---

Related Issues