Display open ports in expanded workspace list card

MR: Pending

Description

As part of our new designs for Workspaces, 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

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}/