fix: better sorting of transitions and allow enter key to save

[JayaKrishnaNamburu]

fixes #3958

Description

This PR fixes the enter key behaviour for the transition-property combo box. And we updated the sort mechanism at the time of searching to show the most related property at the top. So, users don't need to scroll all the way to see the matched property.

Steps for reproduction

• Add a transition property layer.
• Now, click on the layer and the UI panel to edit the properties opens up.
• Type height or any other property in the combo box.
• Now, press Enter. The action should save the value of the property and update the layer.
• Next, search for some random property with a possibility for more results. Eg: width.
• width or any other matching value that you searched for should always show up at the top of the list.

Code Review

• hi @kof, I need you to do
  • conceptual review (architecture, feature-correctness)
  • detailed review (read every line)
  • test it on preview

Before requesting a review

• made a self-review
• added inline comments where things may be not obvious (the "why", not "what")

Before merging

• tested locally and on preview environment (preview dev login: 5de6)

[kof]

• just found out that there is supposed to be some separation between the common section and the rest, now I don't seem to find any, what do I miss?

[JayaKrishnaNamburu]

@kof looks like there might be some bug in the primitive itself. Because when the UI was initially built it was working good. Just cross check from old deployment. Will check once on the bug.
https://webstudio-builder-git-fix-transition-filtering-getwebstudio.vercel.app/builder/264a609f-ce63-4197-a364-68d239c2f56a

[johnsicili]

@JayaKrishnaNamburu Enter works great! Thanks for the fix!

What's the point of having the checkmark if it's not selected by default, i.e., I can't click out without hitting enter or clicking it?

Kapture.2024-08-20.at.07.43.21.mp4

I think auto-highlighting it would be more accurate. Not a big deal, though, and if complex, don't worry about it.

[JayaKrishnaNamburu]

https://webstudio-builder-git-fix-transition-filtering-getwebstudio.vercel.app/builder/264a609f-ce63-4197-a364-68d239c2f56a

I am not sure about the UX @johnsicili maybe we can open a new issue for the same to change on all places combo box is used.

[JayaKrishnaNamburu]

Merging this, and opened a new issue to track the combobox issue with seperator
#3977