chore: adapt code to mui7 and muix8

Author: aldbr

packages/diracx-web-components/src/components/DashboardLayout/ApplicationDialog.tsx

@@ -7,7 +7,7 @@ import {
   DialogContent,
   DialogContentText,
   Button,
-  Grid2 as Grid,
+  Grid,
   Icon,
   IconButton,
 } from "@mui/material";

packages/diracx-web-components/src/components/shared/SearchBar/DatePicker.tsx

@@ -10,7 +10,7 @@ import "dayjs/locale/en-gb"; // Import the locale for dayjs
 import { TextField, TextFieldProps } from "@mui/material";
 
 interface CustomDateTimePickerProps
-  extends Omit<DateTimePickerProps<Dayjs>, "value" | "onChange"> {
+  extends Omit<DateTimePickerProps, "value" | "onChange"> {
   value: string | null;
   onDateAccepted: (value: string | null) => void;
   handleArrowKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
@@ -64,7 +64,7 @@ export function MyDateTimePicker({
   return (
     <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={"en-gb"}>
       <div onClick={(e) => e.stopPropagation()}>
-        <DateTimePicker<Dayjs>
+        <DateTimePicker
           value={dateValue}
           onChange={(val) => setDateValue(val)}
           views={["year", "month", "day", "hours", "minutes", "seconds"]}