Added a way to secure the UI. Plus various bug fixes and quality of life updates

ui/tailwind.config.ts

@@ -1,26 +1,26 @@
-import type { Config } from "tailwindcss";
+import type { Config } from 'tailwindcss';
 
 const config: Config = {
   content: [
-    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
   ],
-  darkMode: "class",
+  darkMode: 'class',
   theme: {
     extend: {
       colors: {
         gray: {
-          950: "#0a0a0a",
-          900: "#171717",
-          800: "#262626",
-          700: "#404040",
-          600: "#525252",
-          500: "#737373",
-          400: "#a3a3a3",
-          300: "#d4d4d4",
-          200: "#e5e5e5",
-          100: "#f5f5f5",
+          950: '#0a0a0a',
+          900: '#171717',
+          800: '#262626',
+          700: '#404040',
+          600: '#525252',
+          500: '#737373',
+          400: '#a3a3a3',
+          300: '#d4d4d4',
+          200: '#e5e5e5',
+          100: '#f5f5f5',
         },
       },
     },
@@ -28,4 +28,4 @@ const config: Config = {
   plugins: [],
 };
 
-export default config;
+export default config;