Sort/filter the search results of a PageChooserBlock modal

[sighmon]

Is your proposal related to a problem?

We'd like to be able to order and filter the search results of a PageChooserBlock modal.

Describe the solution you'd like

• Ability to click on the column headings TITLE | UPDATED | TYPE | STATUS to be able to sort the results by that column
• Ability to filter search results by page type by clicking on the page_type

Describe alternatives you've considered

None yet.

Additional context

Screenshot of our page chooser modal in Wagtail admin with the columns we'd like to be able to sort by highlighted in the red box:

This is what our chooser_blocks.py currently looks like:

...
class EventAndArticlePageChooserBlock(PageChooserBlock):
    """Select appropriate API representation based on page type."""

    def __init__(self, **kwargs):
        """Overwrite __init__ to only allow event pages and article pages."""
        kwargs["page_type"] = (
            "events.EventPage",
            "articles.ArticlePage",
            "education.EducationEvent",
            "education.EducationResource",
            "collectables.CreatorPage",
        )
        super().__init__(**kwargs)

    def get_api_representation(self, value, context=None):
        """Return API representation based on page type."""
        if value is None:  # is an event has been deleted
            return None
        if ("ArticlePage" in str(value.specific_class)
                or "EducationResource" in str(value.specific_class)):
            return ArticlePageCardSerializer().to_representation(value.specific)
        if ("CreatorPage" in str(value.specific_class)):
            return CreatorPageCardSerializer().to_representation(value.specific)
        return EventCardSerializer().to_representation(value.specific)


class RelatedEventsAndArticlesBlock(StructBlock):
    """A block that displays related pages in a carousel format."""

    heading = CharBlock()
    pages = ListBlock(EventAndArticlePageChooserBlock())

    class Meta:
        label = "Related Pages"
...

[thibaudcolas]

Note from #4707 – it’d also be nice to have a way to filter the pages based on whether they are valid choices for the chooser.