refactor(frontend): move from Webpack to Vite

Also overhaulds the building and linting for frontend assets.

1 files changed, 9 insertions, 24 deletions

diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index 54f92f9a..d3ec63eb 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,26 +1,19 @@
+import MenuIcon from '@mui/icons-material/Menu';
 import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
-import MenuIcon from '@mui/icons-material/Menu';
 import React from 'react';
 
-import { EditorArea } from './editor/EditorArea';
-import { EditorButtons } from './editor/EditorButtons';
-import { GenerateButton } from './editor/GenerateButton';
+import EditorArea from './editor/EditorArea';
+import EditorButtons from './editor/EditorButtons';
+import GenerateButton from './editor/GenerateButton';
 
-export function App(): JSX.Element {
+export default function App(): JSX.Element {
   return (
-    <Box
-      display="flex"
-      flexDirection="column"
-      sx={{ height: '100vh' }}
-    >
-      <AppBar
-        position="static"
-        color="inherit"
-      >
+    <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}>
+      <AppBar position="static" color="inherit">
         <Toolbar>
           <IconButton
             edge="start"
@@ -30,11 +23,7 @@ export function App(): JSX.Element {
           >
             <MenuIcon />
           </IconButton>
-          <Typography
-            variant="h6"
-            component="h1"
-            flexGrow={1}
-          >
+          <Typography variant="h6" component="h1" flexGrow={1}>
             Refinery
           </Typography>
         </Toolbar>
@@ -48,11 +37,7 @@ export function App(): JSX.Element {
         <EditorButtons />
         <GenerateButton />
       </Box>
-      <Box
-        flexGrow={1}
-        flexShrink={1}
-        sx={{ overflow: 'auto' }}
-      >
+      <Box flexGrow={1} flexShrink={1} sx={{ overflow: 'auto' }}>
         <EditorArea />
       </Box>
     </Box>