Fix linting errors

src/app/register/SubmitBox.tsx

@@ -2,11 +2,7 @@
 import { FormEvent } from 'react';
 import { Box } from '@mui/material';
 
-export default function RegisterSubmitBox({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+export default function RegisterSubmitBox({ children }: { children: React.ReactNode }) {
   const handleSubmit = (event: FormEvent<HTMLFormElement>) => {
     event.preventDefault();
     const data = new FormData(event.currentTarget);

src/app/register/page.tsx

@@ -9,9 +9,11 @@ import {
   FormControlLabel,
 } from '@mui/material';
 import { LockOutlined } from '@mui/icons-material';
+
+import RegisterSubmitBox from './SubmitBox';
+
 import Copyright from '@/components/Copyright';
 import CustomLink from '@/components/CustomLink';
-import RegisterSubmitBox from './SubmitBox';
 import TACModal from '@/components/TACModal';
 
 export default function SignUp() {
@@ -100,12 +102,7 @@ export default function SignUp() {
             control={<Checkbox value='allowExtraEmails' color='primary' />}
             label='I want to receive inspiration, marketing promotions and updates via email.'
           /> */}
-          <Button
-            type='submit'
-            fullWidth
-            variant='contained'
-            sx={{ mt: 3, mb: 2 }}
-          >
+          <Button type='submit' fullWidth variant='contained' sx={{ mt: 3, mb: 2 }}>
             Register
           </Button>
           <Grid container justifyContent='flex-end'>

src/components/TACModal.tsx

@@ -3,7 +3,7 @@ import { Box, Button, Modal, Typography } from '@mui/material';
 import { useState } from 'react';
 
 const style = {
-  position: 'absolute' as 'absolute',
+  position: 'absolute',
   top: '50%',
   left: '50%',
   transform: 'translate(-50%, -50%)',
@@ -12,7 +12,7 @@ const style = {
   border: '2px solid #000',
   boxShadow: 24,
   p: 4,
-};
+} as const;
 
 export default function TACModal() {
   const [open, setOpen] = useState(false);
@@ -29,20 +29,15 @@ export default function TACModal() {
         aria-describedby='modal-modal-description'
       >
         <Box sx={style}>
-          <Typography
-            id='modal-modal-title'
-            variant='h6'
-            component='h2'
-            align='center'
-          >
+          <Typography id='modal-modal-title' variant='h6' component='h2' align='center'>
             Terms and Conditions
           </Typography>
           <Typography id='modal-modal-description' sx={{ mt: 2 }}>
             <ol className='list-decimal'>
               <li>You can use Polygon to develop problems only.</li>
               <li>
-                You should use your real name and all information about you
-                should be correct and accurate.
+                You should use your real name and all information about you should be
+                correct and accurate.
               </li>
               <li>
                 You should not submit files containing malicious code:
@@ -58,16 +53,15 @@ export default function TACModal() {
                 <ul className='list-disc list-inside'>
                   <li>access the network;</li>
                   <li>
-                    work with any files except those explicitly specified in the
-                    problem statement;
+                    work with any files except those explicitly specified in the problem
+                    statement;
                   </li>
                   <li>attack system security;</li>
                   <li>execute other programs and create new processes;</li>
                   <li>change file system permissions;</li>
                   <li>work with subdirectories;</li>
                   <li>
-                    create or manipulate any GUI items (windows, dialog boxes,
-                    etc);
+                    create or manipulate any GUI items (windows, dialog boxes, etc);
                   </li>
                   <li>work with external devices (sound, printer, etc);</li>
                   <li>work with OS registry;</li>