Improve design of recurrence modal

Increasing the height could be a quick fix, and in the long term it could go in a modal as it this quite a complicated task. Would be a follow up to #3543

• Clicking on the + button or edit button for recurrence in the sidebar would open this modal

• If no recurrence is set, the modal opens with the weekly recurrence selected (similar to google's modal)

In the modal itself

• Use vue components for everything

• For weekly recurrence by day and monthly recurrence by date, use circular buttons

• The end date selection (never, on date, after) is not a dropdown but radio buttons

  • Inline date picker for "on date" option

  • Inline number input for "after" option

• There is a done button to confirm the settings

• Summary of the recurrence (Repeats daily, Repeats monthly until 12/12/2024, etc) is shown on the left of the done button

Mockups:

Originally posted by @nimishavijay in #4618

Start by tracing the recurrence + and edit buttons in the sidebar and compare the existing recurrence flow with the linked mockups. The work is complete when the recurrence modal covers the listed weekly, monthly, end-date, confirmation, and summary behaviors using Vue components.