build: upgrade to yarn 3

Also upgrades various frontend dependencies.

We can't upgrade to typescript 4.5 yet, because
https://github.com/yarnpkg/berry/pull/3760 is not released yet.

1 files changed, 44 insertions, 42 deletions

diff --git a/language-web/src/main/js/App.tsx b/language-web/src/main/js/App.tsx
index 2567aa9c..54f92f9a 100644
--- a/language-web/src/main/js/App.tsx
+++ b/language-web/src/main/js/App.tsx
@@ -10,49 +10,51 @@ import { EditorArea } from './editor/EditorArea';
 import { EditorButtons } from './editor/EditorButtons';
 import { GenerateButton } from './editor/GenerateButton';
 
-export const App = (): JSX.Element => (
-  <Box
-    display="flex"
-    flexDirection="column"
-    sx={{ height: '100vh' }}
-  >
-    <AppBar
-      position="static"
-      color="inherit"
-    >
-      <Toolbar>
-        <IconButton
-          edge="start"
-          sx={{ mr: 2 }}
-          color="inherit"
-          aria-label="menu"
-        >
-          <MenuIcon />
-        </IconButton>
-        <Typography
-          variant="h6"
-          component="h1"
-          flexGrow={1}
-        >
-          Refinery
-        </Typography>
-      </Toolbar>
-    </AppBar>
+export function App(): JSX.Element {
+  return (
     <Box
       display="flex"
-      justifyContent="space-between"
-      alignItems="center"
-      p={1}
-    >
-      <EditorButtons />
-      <GenerateButton />
-    </Box>
-    <Box
-      flexGrow={1}
-      flexShrink={1}
-      sx={{ overflow: 'auto' }}
+      flexDirection="column"
+      sx={{ height: '100vh' }}
     >
-      <EditorArea />
+      <AppBar
+        position="static"
+        color="inherit"
+      >
+        <Toolbar>
+          <IconButton
+            edge="start"
+            sx={{ mr: 2 }}
+            color="inherit"
+            aria-label="menu"
+          >
+            <MenuIcon />
+          </IconButton>
+          <Typography
+            variant="h6"
+            component="h1"
+            flexGrow={1}
+          >
+            Refinery
+          </Typography>
+        </Toolbar>
+      </AppBar>
+      <Box
+        display="flex"
+        justifyContent="space-between"
+        alignItems="center"
+        p={1}
+      >
+        <EditorButtons />
+        <GenerateButton />
+      </Box>
+      <Box
+        flexGrow={1}
+        flexShrink={1}
+        sx={{ overflow: 'auto' }}
+      >
+        <EditorArea />
+      </Box>
     </Box>
-  </Box>
-);
+  );
+}