MR: Pending <!-- NOTE: For context on MR heading, see: https://handbook.gitlab.com/handbook/engineering/devops/dev/create/remote-development/index.html#relationship-of-issues-to-mrs --> ## Description As part of our [new designs for Workspaces](https://gitlab.com/groups/gitlab-org/-/epics/18674), we need to add an open ports section to the expanded workspace cards so that users can quickly access running applications on different ports using the new `openPorts` field from the workspace GraphQL type. ## Visual Changes {width=1030 height=501} ## Acceptance criteria - [ ] Add "Open ports" section to expanded workspace cards - [ ] Display port numbers as clickable links with external link icons ## Implementation plan - Add open ports information section component to expanded workspace card - Update GraphQL query to include `openPorts` field from workspace type - Implement proper URL generation for port links by prefixing port number to workspace URL: `https://${port}-${workspaceUrlBase}/` <!-- NOTE: Feel free to expand with more sections and headers as needed --> <!-- DO NOT TOUCH BELOW -->