Frontend: Docker Compose File Builder UI

Is your feature request related to a problem? Please describe.

Currently, users have to manually edit or create docker-compose.yml files, which can be error-prone and intimidating for beginners.
There is no visual interface in the application to guide users in defining services, ports, volumes, environment variables, and dependencies interactively.

Describe the solution you'd like

Implement a Docker Compose File Builder UI that allows users to visually configure and generate docker-compose.yml files.
The UI should provide:

• A form-based or drag-and-drop interface for adding and editing services
• Fields for image name, ports, volumes, environment variables, and networks
• Real-time YAML preview and validation
• Export/download functionality for the generated docker-compose.yml

Describe alternatives you've considered

• Manual YAML editing:
  Functional but not user-friendly, especially for users unfamiliar with Docker Compose syntax.
• Using external tools (like Docker Desktop or Portainer):
  These provide similar functionality but require users to leave the current platform, breaking workflow consistency.

Use Case

Helps users (especially beginners and students) quickly create valid Docker Compose configurations directly within the platform, improving usability and reducing syntax errors.
Can be integrated with the service catalog to auto-populate images and default configurations for common services.

Additional context

• Could integrate with the existing ComposeGenie service catalog to auto-fill image details.
• The generated YAML should comply with Docker Compose v3+ specifications.
• Preview pane should support syntax highlighting and copy-to-clipboard.

Implementation Considerations

• 🧱 Use a form-based builder with dynamic service addition/removal
• 🧩 Integrate YAML preview component for live updates
• 🧠 Include validation to prevent invalid configurations
• 📦 Optionally connect with Docker Hub API for image metadata (if available)
• 💾 Support export and download as docker-compose.yml

Start by reviewing the existing ComposeGenie service catalog and the current frontend entry points to understand how services and generated Compose files are represented. Define the builder scope, validation behavior, preview, and export requirements before implementation; done means users can configure services and obtain a valid Docker Compose v3+ file.