feat(person): implement person card list view for mobile viewports

[daliborstakic]

No description provided.

[matijakljajic]

From a UX perspective, it might be better if clicking the action buttons (Admit, Release, etc.) didn’t also open up the accordion. You could try adjusting the <slot /> placement in accordion-trigger.svelte. Not entirely sure how it works under the hood at this moment, but maybe that's the way to delegate the "open accordion" behavior to just the chevron icon instead of the whole item tab, even if it’s a bit of a hack.

That's the first thing that comes to mind at least regarding that.

[matijakljajic]

Everything else seems clean, I noticed I should probably rewrite pages to not use shadcn cards for the content except for the login pages. :P

[daliborstakic]

From a UX perspective, it might be better if clicking the action buttons (Admit, Release, etc.) didn’t also open up the accordion. You could try adjusting the <slot /> placement in accordion-trigger.svelte. Not entirely sure how it works under the hood at this moment, but maybe that's the way to delegate the "open accordion" behavior to just the chevron icon instead of the whole item tab, even if it’s a bit of a hack.

That's the first thing that comes to mind at least regarding that.

It's the HTML event, I just need to add event.stopPropagation to all onclick event so that the event isn't passed down to all components