fix: force desktop date picker

frontend/e2e/cypress/support/commands.js

@@ -61,9 +61,6 @@ Cypress.Commands.add('selectDate', { prevSubject: true }, (subject, dateObj) =>
             .filter((index, el) => Cypress.$(el).text().trim() === targetDay)
             .first()
             .click({ force: true })
-
-          // Wait for the MUI DatePicker
-          cy.get('div[role="dialog"]').should('not.exist')
         } else {
           const currentMonthIndex = fiMonths.findIndex((m) => label.includes(m))
 

frontend/src/components/common/CustomDatePicker.jsx

@@ -1,4 +1,4 @@
-import { DatePicker } from '@mui/x-date-pickers'
+import { DesktopDatePicker } from '@mui/x-date-pickers'
 import dayjs from 'dayjs'
 import PropTypes from 'prop-types'
 
@@ -13,7 +13,7 @@ export const CustomDatePicker = ({
   disabled,
 }) => {
   return (
-    <DatePicker
+    <DesktopDatePicker
       disabled={disabled}
       label={label}
       value={value ? dayjs(value) : null}