[cueweb] Improve Form Dialogs with Professional Modal Design

[ramonfigueiredo]

Describe the enhancement
Redesign all dialogs and modals with consistent professional styling including proper headers, form layouts, validation feedback, and action buttons.

• Current: Basic unstyled dialogs
• Proposed: Professional modals with headers, proper spacing, and clear CTAs (Calls to Actions)

Version Number

• https://github.com/AcademySoftwareFoundation/OpenCue/releases/tag/v1.11.66

Additional context

• Enhance all dialogs with:
  • Consistent header with title and close button
  • Proper form field spacing (between fields)
  • Field labels above inputs with required indicators
  • Inline validation messages
  • Loading states for async operations
  • Footer with Cancel/Submit buttons (right-aligned)
  • Backdrop blur effect
  • Smooth enter/exit animations
• Use shadcn/ui Dialog components consistently
• Files: Update all dialog components in /cueweb/components/ui/

[ramonfigueiredo]

FYI

• [docs] Add comprehensive CueWeb documentation #1955

CueWeb docs:

• Quick Starts > CueWeb Quick Start
• Getting Started > Deploying CueWeb
• CueWeb User Guide > CueWeb User Guide
• Other Guides > CueWeb
• Tutorials > CueWeb Tutorial
• Developer Guide > CueWeb Development

[ramonfigueiredo]

FYI ...

The OpenCue sandbox provides a quick way to run Cuebot, RQD, CueGUI, and CueSubmit locally for testing. This environment is ideal for developers who want to test changes, experiment with features, or learn how OpenCue works without setting up a full production environment.

• Using the OpenCue Sandbox for Testing

[ramonfigueiredo]

Closed in favor of consolidated tracking under the issue/enhacement:

• [cueweb] Finalize CueWeb with Full CueGUI Functionality and Professional UI #2016