Make it easier to click the output port to add a new component

[AdRiley]

• Update output port to look like latest Figma design:

• Make the output port appear with the drag halo.
• Make the click zone for the output port be the port itself and 16px below it (This probably means there is no drag zone below the component.

Question - Could we change the mouse cursor when we are in the output port click zone?

[farmaazon]

Refinement notes:
* For the beginning, let's add some "border highlight" on hover, indicating that you can click on it.

[farmaazon]

Refinement notes:

• The connections should start "under the node" and go under the port (if visible)
• There is a variable defining distance between node and output port. Just change it and see if anything looks bad.

[enso-bot]

Keziah Wesley reports a new STANDUP for yesterday (2024-05-01):

Progress: Addressed color picker review (portability, testing); implemented output port changes. It should be finished by 2024-05-01.

Next Day: Next day I will be working on the #9701 task. New task.