fix: types for MUI styled Accordions

Author: itsdiy0

frontend/src/components/methods/config/StyledAccordion.tsx

@@ -5,19 +5,20 @@ import {
   AccordionDetails as MuiAccordionDetails,
   AccordionProps,
   AccordionSummaryProps,
+  AccordionDetailsProps
 } from '@mui/material';
 import ArrowForwardIosSharpIcon from '@mui/icons-material/ArrowForwardIosSharp';
 import React from 'react';
 
-export const Accordion = styled((props: AccordionProps) => (
+export const Accordion: React.ComponentType<AccordionProps> = styled((props: AccordionProps) => (
   <MuiAccordion disableGutters elevation={0} square {...props} />
 ))(({ theme }) => ({
   border: `1px solid ${theme.palette.divider}`,
   '&:not(:last-child)': { borderBottom: 0 },
   '&::before': { display: 'none' },
 }));
 
-export const AccordionSummary = styled((props: AccordionSummaryProps) => (
+export const AccordionSummary: React.ComponentType<AccordionSummaryProps> = styled((props: AccordionSummaryProps) => (
   <MuiAccordionSummary
     expandIcon={<ArrowForwardIosSharpIcon sx={{ fontSize: '0.9rem' }} />}
     {...props}
@@ -31,7 +32,7 @@ export const AccordionSummary = styled((props: AccordionSummaryProps) => (
   '& .MuiAccordionSummary-content': { marginLeft: theme.spacing(1) },
 }));
 
-export const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
+export const AccordionDetails: React.ComponentType<AccordionDetailsProps> = styled(MuiAccordionDetails)(({ theme }) => ({
   padding: theme.spacing(1.5),
   borderTop: '1px solid rgba(0, 0, 0, .125)',
   background: '#FFF',

frontend/src/components/workflows/Submission.tsx

@@ -15,7 +15,7 @@ import SubmissionFormGPURun from './SubmissionFormGPURun';
 import SubmissionFormCOR from './SubmissionFormCOR';
 import { SubmissionQuery as SubmissionQueryType } from './__generated__/SubmissionQuery.graphql';
 import { SubmissionMutation as SubmissionMutationType } from './__generated__/SubmissionMutation.graphql';
-import React from 'react';
+
 
 const submissionQuery = graphql`
   query SubmissionQuery($name: String!) {

frontend/src/components/workflows/SubmissionFormCOR.tsx

@@ -2,7 +2,6 @@ import { useFragment } from 'react-relay';
 import React, { useEffect, useMemo, useState, useCallback } from 'react';
 import {
   Alert,
-  Button,
   Divider,
   Snackbar,
   Stack,