💃🏻 Styling and fixing lint errors

src/pages/login.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import { PasswordInput, Anchor, Paper, Title, Text, Container, Group, Button } from '@mantine/core';
 import { setCookie } from 'cookies-next';
-import { useForm } from '@mantine/hooks';
 import { showNotification, updateNotification } from '@mantine/notifications';
 import axios from 'axios';
 import { IconCheck, IconX } from '@tabler/icons';
 import { useRouter } from 'next/router';
+import { useForm } from '@mantine/form';
 
 // TODO: Add links to the wiki articles about the login process.
 export default function AuthenticationTitle() {

src/tools/styles.ts

@@ -1,12 +1,13 @@
 import { MantineProviderProps } from '@mantine/core';
 
-export const styles: MantineProviderProps['styles'] = {
-  Checkbox: {
-    input: { cursor: 'pointer' },
-    label: { cursor: 'pointer' },
-  },
-  Switch: {
-    input: { cursor: 'pointer' },
-    label: { cursor: 'pointer' },
-  },
-};
+//TODO: Migarate this to v5.0
+// export const styles: MantineProviderProps['styles'] = {
+//   Checkbox: {
+//     input: { cursor: 'pointer' },
+//     label: { cursor: 'pointer' },
+//   },
+//   Switch: {
+//     input: { cursor: 'pointer' },
+//     label: { cursor: 'pointer' },
+//   },
+// };