[Enhancement] Make kirby-list work out of the box when within kirby-accordion-item

[Fuzzy3]

Describe the enhancement

Improve integration of kirby-list within a kirby-accordion-item. When placing a kirby-list in an kirby-accordion-item it has too much spacing and is of wrong colors.

This may be solved by the integrator by adjusting some values - however in a design system the components should work together without relying on the integrator setting the right attributes.

Describe the solution you'd like

When placing a kirby-list within a kirby-accordion-item, the list should automatically turn transparent to follow the color scheme of the accordion and set the shape of the list to 'none'.

---

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
• 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".