Layout refactoring, dependencies update

frontend/src/Layout.tsx

@@ -163,7 +163,7 @@ export default function Layout() {
           <Outlet />
         </Box>
       </Box>
-      <Footer></Footer>
+      <Footer />
       <Toaster />
     </ThemeProvider>
   )

frontend/src/atoms/format.ts

@@ -1,7 +0,0 @@
-import { atom } from 'recoil'
-import { DLMetadata } from '../types'
-
-export const selectedFormatState = atom<Partial<DLMetadata>>({
-  key: 'selectedFormatState',
-  default: {},
-})

frontend/src/components/Footer.tsx

@@ -32,7 +32,6 @@ const Footer: React.FC = () => {
       }}>
         <div style={{ display: 'flex', gap: 4, alignItems: 'center' }}>
           <Chip label="RPC v3.0.6" variant="outlined" size="small" />
-          <Divider orientation="vertical" flexItem />
           <VersionIndicator />
         </div>
         <div style={{ display: 'flex', gap: 4, 'alignItems': 'center' }}>

frontend/src/views/Archive.tsx

@@ -274,7 +274,7 @@ export default function Downloaded() {
         </List>
       </Paper>
       <SpeedDial
-        ariaLabel="SpeedDial basic example"
+        ariaLabel='archive actions'
         sx={{ position: 'absolute', bottom: 64, right: 24 }}
         icon={<SpeedDialIcon />}
       >