code refactoring, dependencies update

frontend/src/components/ErrorBoundary.tsx

@@ -38,6 +38,14 @@ const ErrorBoundary: React.FC = () => {
           Goto Settings
         </Button>
       </Link>
+      <Typography sx={{ mt: 2 }} color={'gray'} fontWeight={500}>
+        Or login if authentication is enabled
+      </Typography>
+      <Link to={'/login'} >
+        <Button variant='contained' sx={{ mt: 2 }}>
+          login
+        </Button>
+      </Link>
     </FlexContainer>
   )
 }

frontend/src/views/Login.tsx

@@ -19,7 +19,7 @@ import { serverURL } from '../atoms/settings'
 const LoginContainer = styled(Container)({
   display: 'flex',
   minWidth: '100%',
-  minHeight: '100vh',
+  minHeight: '85vh',
   alignItems: 'center',
   justifyContent: 'center',
 })