Removing use of reserved symbol $ in components

[Sahasrara]

This is in anticipation of the release of Svelte 5

[brunnerh]

The code here strikes me as unnecessarily complicated.

The context, or just the store, could be destructured, then an auto-subscription instead of a manual one could be used.

const { currentId, add, update, change } = getContext("ContentSwitcher");
add({ id, text, selected });

$: selected = $currentId === id;

const { currentId, ...ctx } = getContext("ContentSwitcher");
ctx.add({ id, text, selected });

$: selected = $currentId === id;

(Unless there is a specific timing-related reason to not use a reactive statement here.)

[brunnerh]

steps is the store, this is the content.

Only $ on its own is reserved, so in cases like this, I would go with the conventional $steps which is analogous to the name in auto-subscriptions.

[metonym]

Hey, thanks for this PR.

This came up today regarding interoperability with Svelte 5. I've applied the changes in this commit to #1926, and assigned commit co-authorship to @Sahasrara.