[COMPONENT] New Kirby modal component / module based on Ionic's default modals

[mark-drastrup]

• I have written a good issue

Describe the solution you'd like

New modal based on the default Ionic modals. This is part of the proces to simplify the Kirby modal and at the same time make it desktop ready. The goal is to make either a stand alone component (dependent on Angular 14) or a new module. By doing it this way we can work on the new modal, without making breaking changes to the old modal.

After making one or two modals, both as inline modals and programatically available through a modalController, the ambition is to make a RFC to get some input on the direction we are headed. Additionally, by starting the proces of refactoring the modals and seeing Ionic's default output for desktop modals, we are better equipped to talk about the subject with the UX group.

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

• Request that the issue is UX refined; do not proceed until this is done.
• Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the develop branch following our branch naming convention.
• Publish a WIP implementation to Github as a draft PR and ask for feedback.
• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".