Update goal settings design

[sanne-san]

Changes

• Replace the Add goal button in goal settings with a dropdown button to directly select the goal type. This way, a modal opens with the correct form for the selected goal type. The tabs in the modal have been removed.
• Add a new pill component to show the goal type in the table in a more distinct way. The settings_badge component is replaced with the pill component. The pill component that was used in plan_box.ex is renamed to highlight_pill.
• Replaced Belongs to funnel text with a funnel icon in the goal settings list.
• Some small tweaks like increasing the search bar width, the padding of the table cells, and adding a header to the goal settings list.

Tests

• Automated tests have been added

Dark mode

• The UI has been tested both in dark and light mode

[github-actions]

Preview environment👷🏼‍♀️🏗️
PR-5886

[sanne-san]

@aerosol I used the Prima dropdown component that you used on /sites too. Seeing a weird quirk and I wonder if this is related to the same issue we've been having with page refresh in the empty states work, or it's a problem with the component: after adding a goal, the dropdown button doesn't respond unless I do a page refresh – see video.

CleanShot.2025-11-14.at.13.02.12.mp4

[aerosol]

@aerosol I used the Prima dropdown component that you used on /sites too. Seeing a weird quirk and I wonder if this is related to the same issue we've been having with page refresh in the empty states work, or it's a problem with the component: after adding a goal, the dropdown button doesn't respond unless I do a page refresh – see video.
CleanShot.2025-11-14.at.13.02.12.mp4

I'm not sure what's at fault yet, but the prima button element is losing its event listener on successful goal submission. Could be related either to pre-existing modal complexity or some hooks lifecycle, e.g. prima dropdown missing updated() hook perhaps? (https://hexdocs.pm/phoenix_live_view/js-interop.html#client-hooks-via-phx-hook)

[aerosol]

plausible/prima#15

[ukutaht]

@aerosol agree with your analysis and solution. I've merged plausible/prima#17 and published a new version of prima 0.1.9 on hex.

[ukutaht]

Great work! Looks good to me

[aerosol]

🚀