Add sorting for key value fields

[enderahmetyurt]

Description

Adding reorder row button to sort key-value fields.

Fixes #1029

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works

Screenshots & recording

Screen.Recording.2024-11-05.at.08.03.26.mov

[codeclimate]

Code Climate has analyzed commit 53c4d23 and detected 0 issues on this pull request.

View more on Code Climate.

[enderahmetyurt]

@adrianthedev @Paul-Bob it should be ready :)

[Paul-Bob]

Looking good. Thank you @enderahmetyurt for this contribution!

[adrianthedev]

This is great @enderahmetyurt! Awesoem work!

There's only one thing I'd like to do more.
Move the arrows to the right side and make them blend in. Make them look like the trash icon (or even smaller if they look nice).

Thanks for working on this.

[enderahmetyurt]

good idea thanks @adrianthedev. Wdty?

[enderahmetyurt]

@adrianthedev @Paul-Bob I added enderahmetyurt#1 solution to here. wdyt?

[Paul-Bob]

Much better with the DnD! Thank you for your effort on this @enderahmetyurt!

[Paul-Bob]

Thank you for all your effort on this contribution @enderahmetyurt. It turned out great!

I fixed a bug in the drag-and-drop logic that was swapping elements instead of inserting the dragged element in the intended drop location.

Additionally, I added localization support for the reorder title and refactored the label getters.

[Paul-Bob]

@enderahmetyurt could you please update de description since the text and video are outdated?

Thank you!

[enderahmetyurt]

@enderahmetyurt could you please update de description since the text and video are outdated?

Thank you!

Thank you very much @Paul-Bob I'll update the description of this PR