align portals and shortcuts views with snippets/clipboard-history layout

[Xoshbin]

No description provided.

[gemini-code-assist]

Code Review

This pull request refactors the Portals and Shortcuts views to use a standardized SplitListDetail layout, improving UI consistency and functionality. Key enhancements include the introduction of shortcut grouping, URL placeholder parsing for portals, and improved error handling via the diagnosticsService. Review feedback suggests minor optimizations, such as removing redundant object spreading and await tick() calls, and consistently using derived state variables instead of direct store access.

[gemini-code-assist]

The spread operation { ...portal, id: editingId } is redundant here. Since portal is the object returned by the form and editingId was passed into it, portal.id is already guaranteed to be equal to editingId. You can pass portal directly to syncPortalToIndex.

        await syncPortalToIndex(portal);

[gemini-code-assist]

It is recommended to use the derived portals variable instead of accessing portalStore.portals directly for consistency with the rest of the component's logic.

        const idx = portals.findIndex(p => p.id === portal.id);

[gemini-code-assist]

The await tick() call is redundant. Since syncPortalToIndex is an asynchronous operation that has already been awaited, the microtask queue has been processed and the reactive state in portalStore (which is updated synchronously in add()) is already available for the subsequent findIndex call.

[gemini-code-assist]

For consistency and to leverage the reactive derivation, use the local portals variable instead of portalStore.portals directly.

    const idx = portals.findIndex(p => p.id === dup.id);