[BUG] Disabled form inputs should not react to hover and click

[X] I have written a good issue

Describe the bug

If you have a kirby-input that is disabled, there will still be a hover effect when the mouse cursor is hovered over it, meaning it will change the color and the cursor will change as well. Additionally, a disabled input still reacts to a mouse click, activating the "flashing" effect of the kirby-input.

Describe how to reproduce the bug

Add a disabled kirby-input like this <input kirby-input disabled />
Hover the mouse over it.
Se that the color changes and the cursor as well.
Click the input.
See that the color flashes.

Which Kirby version was used?

9.3.2

What was the expected behavior?

The disabled inout doesn't react to hover and click

Add any screenshots

Please complete the following information:

macOS
Chrome
122.0.6261.129

Checklist:

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

Verification

To make sure the bug is not intended behaviour; it should be verified by a member of team Kirby before moving on to implementation.

[ ] Make sure the NOT verified label has been removed by a member of team Kirby; 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.
[ ] Create a test that reproduces the bug following guidelines in: "The good: Test".
[ ] Write code to fix the bug

Review

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

[ ] Do a self-review.
[ ] Create a pull-request.

kirbydesign / designsystem