feat(ports): implement additional ports management

[lost-end-found]

This pull request introduces a new feature to manage additional port mappings for Traefik in a Docker Swarm environment. The main changes include adding a new component for managing ports, updating the server API to handle port configurations, and adding corresponding translations.

New Feature: Manage Additional Ports for Traefik

• Component Addition:

  • apps/dokploy/components/dashboard/settings/web-server/manage-traefik-ports.tsx: Added a new ManageTraefikPorts component that provides a modal interface for managing additional port mappings for Traefik. This component includes features to add, remove, and edit port mappings, and to persist port configurations through API calls.

• Integration in UI:

  • apps/dokploy/components/dashboard/settings/servers/actions/show-traefik-actions.tsx: Imported and integrated the ManageTraefikPorts component into the existing UI, allowing users to manage ports from the server settings dashboard. [1] [2]

• API Enhancements:

  • apps/dokploy/server/api/routers/settings.ts: Added new API endpoints updateTraefikPorts and getTraefikPorts to handle updating and retrieving Traefik port configurations. These endpoints integrate with the Traefik setup process. [1] [2]

• Traefik Setup Update:

  • packages/server/src/setup/traefik-setup.ts: Updated the initializeTraefik function to include additional ports in the Traefik service configuration. [1] [2]

• Translations:

  • apps/dokploy/public/locales/en/settings.json: Added new translation strings for the port management feature, including labels and messages for the UI.

[190km]

it looks really good, but with a demo or images it could be even better!

[lost-end-found]

@190km I can provide screenshot for this one. I couldn't find how to suggest updates to the docs, so not sure how to add them.

[lost-end-found]

Updated with screenshots

[Siumauricio]

Looks too good! I left a small comment thanks!