diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..ec73940
Binary files /dev/null and b/.DS_Store differ
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
deleted file mode 100644
index 2e92127..0000000
--- a/frontend/src/components/Footer.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { HddStackFill, Ethernet, Github, CheckSquareFill, XSquareFill } from 'react-bootstrap-icons';
-import './Footer.css';
-
-type Props = {
-    freeSpace: string,
-    statistics?: string,
-    serverAddr: string,
-    connected: boolean,
-}
-
-const isDesktop = window.innerWidth > 510;
-
-export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props) => {
-    return (
-        <footer className="footer">
-            <div className="container">
-                <span className="pe-3">
-                    <small>Made with ❤️ on 🌍</small>
-                </span>
-                <span className="px-3 separator">
-                    <HddStackFill className="mb-1"></HddStackFill> {' '}
-                    <small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small>
-                </span>
-                {isDesktop ?
-                    <span className="px-3 separator">
-                        <Ethernet className="mb-1"></Ethernet> {' '}
-                        <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
-                    </span> :
-                    null
-                }
-                <span className="px-3 separator">
-                    <small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}>
-                        {connected ?
-                            <CheckSquareFill className="mb-1" style={{ color: '#03b703' }} /> :
-                            <XSquareFill className="mb-1" style={{ color: '#e83a3a' }} />
-                        }
-                    </small>
-                </span>
-                <span className="float-end website" onClick={() => window.open('https://github.com/marcobaobao/yt-dlp-web-ui')}>
-                    <Github className="mb-1"></Github>
-                </span>
-            </div>
-        </footer >
-    );
-}
\ No newline at end of file
diff --git a/package.json b/package.json
index 3c0b25e..4bd8117 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,6 @@
     "@mui/icons-material": "^5.6.2",
     "@mui/material": "^5.6.4",
     "@reduxjs/toolkit": "^1.8.1",
-    "@types/react-router-dom": "^5.3.3",
     "babel-plugin-dev-expression": "^0.2.3",
     "better-sqlite3": "^7.4.5",
     "react": "^17.0.2",
@@ -33,10 +32,10 @@
     "rxjs": "^7.4.0",
     "socket.io": "^4.3.2",
     "socket.io-client": "^4.3.2",
-    "uuid": "^8.3.2",
-    "vite": "^2.9.8"
+    "uuid": "^8.3.2"
   },
   "devDependencies": {
+    "@types/react-router-dom": "^5.3.3",
     "@parcel/transformer-yaml": "^2.5.0",
     "@types/better-sqlite3": "^7.4.2",
     "@types/node": "^17.0.13",