Partitioning: UI/UX Changes needed to encourage optimal querying of partitioned audit_events

From &3206 (comment 355626946) it has been identified that there will need to be some UI/UX changes to the audit events page to align with the partitioning schema.

Segmented control design suggestion here: #223260 (comment 376058968)

Design Discussions here: #223260 (comment 375583480)

Proposal

As an instance admin, I want the ability to switch between 3 shortcut options (last 7 days, last 14 days, this month) in addition to the existing custom date range picker, so that I can quickly filter down results.

Acceptance Criteria:

• Given that I am an Administrator, when I navigate to Monitoring > Audit Log, then I should see This month selected by default with the dates pre-defined in the date picker
• When I pick either of the segmented control options, then the date picker should change the dates to match
• When I am picking a custom date within the date picker, then I can only pick a max range of 31 days
• When I am picking a custom date within the date picker, then I cannot pick a date in future

Figma

Implementation Outline

frontend - 2

1. Update the <audit-events-filter> layout (the mobile view should also be looked at)
2. Apply the default end date (today) if no if no end date is set
3. Apply the default start date (1 month) if no start date is set
4. Add the date range buttons to <date-range-field> and set new date range value on click
5. Update <date-range-field> to only allow a max date range of 31 days and no future dates

Milestone Goal

• 13.4 complete workflowplanning breakdown