fixed linter and formatting

src/components/client/campaigns/InlineDonation.tsx

@@ -6,7 +6,7 @@ import { useRouter } from 'next/router'
 import { CampaignResponse } from 'gql/campaigns'
 
 import { Button, CircularProgress, Grid, IconButton, Menu, Typography } from '@mui/material'
-import { AddLinkOutlined, Favorite, MarkEmailUnread } from '@mui/icons-material'
+import { AddLinkOutlined, Favorite } from '@mui/icons-material'
 import { lighten } from '@mui/material/styles'
 import { styled } from '@mui/material/styles'
 import ExpandLessIcon from '@mui/icons-material/ExpandLess'

src/components/common/form/FormRichTextField.tsx

@@ -25,18 +25,20 @@ const StyledGrid = styled('div')(() => ({
   },
 }))
 
-const EditorSwitch = styled('div')(() => ({
-  display: 'flex',
-  justifyContent: 'flex-end',
-}))
+// disabled as QuillEditor is default for now.
+// const EditorSwitch = styled('div')(() => ({
+//   display: 'flex',
+//   justifyContent: 'flex-end',
+// }))
 
 export default function FormRichTextField({ name }: FormRichTextFieldProps) {
   const { t } = useTranslation()
   const [, meta] = useField(name)
   const helperText = meta.touched ? translateError(meta.error as TranslatableField, t) : ''
   // disabling MDXEditor integration.
   // The markdown syntax does not support requirements like image and text alignment, colors, etc.
-  const [useMdxEditor, setUseMdxEditor] = React.useState(false)
+  //const [useMdxEditor, setUseMdxEditor] = React.useState(false)
+  const useMdxEditor = false
 
   return (
     <div>

src/components/common/person/grid/CreateForm.tsx

@@ -27,7 +27,6 @@ import { useCreateBeneficiary } from 'service/beneficiary'
 import OrganizerRelationSelect from 'components/admin/beneficiary/OrganizerRelationSelect'
 import CountrySelect from 'components/admin/countries/CountrySelect'
 import CitySelect from 'components/admin/cities/CitySelect'
-import { treeItemClasses } from '@mui/lab'
 
 const validationSchema = yup
   .object()