Not possible to click on overlapping shapes

When multiple polygons overlap, clicking on a smaller polygon could select the larger polygon instead. The sortFeatures function was intended to sort polygons by area (smallest first), but area.geometry() is being called with a GeoJSON Feature wrapper instead of the raw geometry object. The area result ends us being always undefined and the sorting logic to fail.

Fix proposal
https://github.com/mapbox/mapbox-gl-draw/pull/1539

Steps to reproduce:

• Draw a large polygon
• Draw o smaller polygon in the middle of the larger polygon
• Select the larger polygon
• Deselect the larger polygon
• Click on the smaller polygon

Expected result

• Smaller polygon is selected

Actual result

• Larger polygon is selected

Video

https://github.com/user-attachments/assets/24541dc7-70eb-409e-9cbd-59c3158351d1

Start with the sortFeatures function and inspect the area calculation described in the issue, especially how GeoJSON Feature wrappers and raw geometry objects are passed. Reproduce the overlapping-polygon steps, then verify that clicking the smaller polygon selects it; PR 1539 contains the proposed fix for comparison.