migrate deprecated Grid v5 to v6 (Grid2)

interface/src/components/inputs/ValidatedPasswordField.tsx

@@ -10,25 +10,23 @@ import type { ValidatedTextFieldProps } from './ValidatedTextField';
 
 type ValidatedPasswordFieldProps = Omit<ValidatedTextFieldProps, 'type'>;
 
-const ValidatedPasswordField: FC<ValidatedPasswordFieldProps> = ({
-  InputProps,
-  ...props
-}) => {
+const ValidatedPasswordField: FC<ValidatedPasswordFieldProps> = ({ ...props }) => {
   const [showPassword, setShowPassword] = useState<boolean>(false);
 
   return (
     <ValidatedTextField
       {...props}
       type={showPassword ? 'text' : 'password'}
-      InputProps={{
-        ...InputProps,
-        endAdornment: (
-          <InputAdornment position="end">
-            <IconButton onClick={() => setShowPassword(!showPassword)} edge="end">
-              {showPassword ? <VisibilityIcon /> : <VisibilityOffIcon />}
-            </IconButton>
-          </InputAdornment>
-        )
+      slotProps={{
+        input: {
+          endAdornment: (
+            <InputAdornment position="end">
+              <IconButton onClick={() => setShowPassword(!showPassword)} edge="end">
+                {showPassword ? <VisibilityIcon /> : <VisibilityOffIcon />}
+              </IconButton>
+            </InputAdornment>
+          )
+        }
       }}
     />
   );

interface/src/components/upload/SingleUpload.tsx

@@ -88,7 +88,7 @@ const SingleUpload = ({ callRestart }) => {
             sx={{ ml: 2, mt: 2 }}
             startIcon={<CancelIcon />}
             variant="outlined"
-            color="error"
+            color="secondary"
             onClick={cancelUpload}
           >
             {LL.CANCEL()}