Improve ForEach event ordering UI with inline selects and separate popovers

- Replace the single monolithic ordering popover with a cleaner design:
  - "ordered by" / "(any order)" is now an inline <select> styled as
    text with a subtle grey dropdown arrow
  - "ascending" / "descending" is also an inline <select> with the same
    style
  - The orderBy expression opens its own dedicated popover with an
    ExpressionField
  - The limit opens its own dedicated popover with an ExpressionField
    and a cross icon button to remove it
- Put limit inside the parenthesis next to the direction:
  "(ascending, no limit)" or "(ascending, limit: 3)"
- Add "Add Ordering" / "Remove Ordering" context menu items for
  ForEach events, next to "Remove the Loop Counter Variable"
- Also add "Ordering" to the "Add" submenu for ForEach events

https://claude.ai/code/session_01LXTeNz7ehNS5TqFYSU6aw5

Author: claude