GeoJSON filtering UI broken

[stockhuman]

Describe the Bug

Filter options do not seem to work, the map icons are unclickable and some operations offer no actual input method to complete the filter. Pictured are results that have no data and therefore match a bogus query.

Perhaps related, I cannot seem to get _intersects_bbox to work through GraphQL.

"\"_intersects_bbox\" has to be a valid GeoJSON object" is all that is ever returned.

To Reproduce

1. Create a GeoJSON field and populate it
2. Attempt to filter

Errors Shown

What version of Directus are you using?

9.8.0

What version of Node.js are you using?

16.14.2

What database are you using?

MariaDB

What browser are you using?

Chrome

How are you deploying Directus?

Debian VM

[azrikahar]

Note: This likely needs to be fixed with #10869 altogether as they should be very related (that issue is the bug on API side).

[rijkvanzanten]

Lets consolidate this into #10869 as per the above comment. Both issues are very closely related and should ideally be resolved in the same PR 👍🏻