refactor(web): remove typescript

packages/web/src/components/AppBar/index.jsx

@@ -2,49 +2,31 @@ import AccountCircleIcon from '@mui/icons-material/AccountCircle';
 import MenuIcon from '@mui/icons-material/Menu';
 import MenuOpenIcon from '@mui/icons-material/MenuOpen';
 import MuiAppBar from '@mui/material/AppBar';
-import type { ContainerProps } from '@mui/material/Container';
 import IconButton from '@mui/material/IconButton';
 import Toolbar from '@mui/material/Toolbar';
 import { useTheme } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
 import * as React from 'react';
-
 import AccountDropdownMenu from 'components/AccountDropdownMenu';
 import Container from 'components/Container';
 import Logo from 'components/Logo/index';
 import TrialStatusBadge from 'components/TrialStatusBadge/index.ee';
 import * as URLS from 'config/urls';
-
 import { Link } from './style';
-
-type AppBarProps = {
-  drawerOpen: boolean;
-  onDrawerOpen: () => void;
-  onDrawerClose: () => void;
-  maxWidth?: ContainerProps['maxWidth'];
-};
-
 const accountMenuId = 'account-menu';
-
-export default function AppBar(props: AppBarProps): React.ReactElement {
+export default function AppBar(props) {
   const { drawerOpen, onDrawerOpen, onDrawerClose, maxWidth = false } = props;
-
   const theme = useTheme();
   const matchSmallScreens = useMediaQuery(theme.breakpoints.down('md'));
-
   const [accountMenuAnchorElement, setAccountMenuAnchorElement] =
-    React.useState<null | HTMLElement>(null);
-
+    React.useState(null);
   const isMenuOpen = Boolean(accountMenuAnchorElement);
-
-  const handleAccountMenuOpen = (event: React.MouseEvent<HTMLElement>) => {
+  const handleAccountMenuOpen = (event) => {
     setAccountMenuAnchorElement(event.currentTarget);
   };
-
   const handleAccountMenuClose = () => {
     setAccountMenuAnchorElement(null);
   };
-
   return (
     <MuiAppBar data-test="app-bar">
       <Container maxWidth={maxWidth} disableGutters>

packages/web/src/components/AppBar/style.js

@@ -1,6 +1,5 @@
 import { styled } from '@mui/material/styles';
 import { Link as RouterLink } from 'react-router-dom';
-
 export const Link = styled(RouterLink)(() => ({
   textDecoration: 'none',
   color: 'inherit',