fix: linting and document limit

surfsense_web/app/login/LocalLoginForm.tsx

@@ -1,10 +1,10 @@
 "use client";
+import { AnimatePresence, motion } from "framer-motion";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
-import { motion, AnimatePresence } from "framer-motion";
 import { toast } from "sonner";
-import { getAuthErrorDetails, shouldRetry, isNetworkError } from "@/lib/auth-errors";
+import { getAuthErrorDetails, isNetworkError, shouldRetry } from "@/lib/auth-errors";
 
 export function LocalLoginForm() {
 	const [username, setUsername] = useState("");
@@ -64,31 +64,30 @@ export function LocalLoginForm() {
 			setTimeout(() => {
 				router.push(`/auth/callback?token=${data.access_token}`);
 			}, 500);
-
 		} catch (err) {
 			// Use auth-errors utility to get proper error details
 			let errorCode = "UNKNOWN_ERROR";
-			
+
 			if (err instanceof Error) {
 				errorCode = err.message;
 			} else if (isNetworkError(err)) {
 				errorCode = "NETWORK_ERROR";
 			}
-			
+
 			// Get detailed error information from auth-errors utility
 			const errorDetails = getAuthErrorDetails(errorCode);
-			
+
 			// Set persistent error display
 			setErrorTitle(errorDetails.title);
 			setError(errorDetails.description);
-			
+
 			// Show error toast with conditional retry action
 			const toastOptions: any = {
 				id: loadingToast,
 				description: errorDetails.description,
 				duration: 6000,
 			};
-			
+
 			// Add retry action if the error is retryable
 			if (shouldRetry(errorCode)) {
 				toastOptions.action = {
@@ -96,7 +95,7 @@ export function LocalLoginForm() {
 					onClick: () => handleSubmit(e),
 				};
 			}
-			
+
 			toast.error(errorDetails.title, toastOptions);
 		} finally {
 			setIsLoading(false);
@@ -136,9 +135,7 @@ export function LocalLoginForm() {
 								</svg>
 								<div className="flex-1 min-w-0">
 									<p className="text-sm font-semibold mb-1">{errorTitle}</p>
-									<p className="text-sm text-red-700 dark:text-red-300">
-										{error}
-									</p>
+									<p className="text-sm text-red-700 dark:text-red-300">{error}</p>
 								</div>
 								<button
 									onClick={() => {

surfsense_web/app/login/page.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { AnimatePresence, motion } from "framer-motion";
 import { Loader2 } from "lucide-react";
 import { useSearchParams } from "next/navigation";
 import { Suspense, useEffect, useState } from "react";
-import { motion, AnimatePresence } from "framer-motion";
 import { toast } from "sonner";
-import { getAuthErrorDetails, shouldRetry } from "@/lib/auth-errors";
 import { Logo } from "@/components/Logo";
+import { getAuthErrorDetails, shouldRetry } from "@/lib/auth-errors";
 import { AmbientBackground } from "./AmbientBackground";
 import { GoogleLoginButton } from "./GoogleLoginButton";
 import { LocalLoginForm } from "./LocalLoginForm";
@@ -44,14 +44,14 @@ function LoginContent() {
 		if (error) {
 			// Use the auth-errors utility to get proper error details
 			const errorDetails = getAuthErrorDetails(error);
-			
+
 			// If we have a custom message from URL params, use it as description
 			const errorDescription = message ? decodeURIComponent(message) : errorDetails.description;
-			
+
 			// Set persistent error display
 			setUrlError({
 				title: errorDetails.title,
-				message: errorDescription
+				message: errorDescription,
 			});
 
 			// Show toast with conditional retry action
@@ -59,7 +59,7 @@ function LoginContent() {
 				description: errorDescription,
 				duration: 6000,
 			};
-			
+
 			// Add retry action if the error is retryable
 			if (shouldRetry(error)) {
 				toastOptions.action = {
@@ -67,7 +67,7 @@ function LoginContent() {
 					onClick: () => window.location.reload(),
 				};
 			}
-			
+
 			toast.error(errorDetails.title, toastOptions);
 		}
 
@@ -143,9 +143,7 @@ function LoginContent() {
 								</svg>
 								<div className="flex-1 min-w-0">
 									<p className="text-sm font-semibold mb-1">{urlError.title}</p>
-									<p className="text-sm text-red-700 dark:text-red-300">
-										{urlError.message}
-									</p>
+									<p className="text-sm text-red-700 dark:text-red-300">{urlError.message}</p>
 								</div>
 								<button
 									onClick={() => setUrlError(null)}

surfsense_web/app/register/page.tsx

@@ -1,12 +1,12 @@
 "use client";
 
+import { AnimatePresence, motion } from "framer-motion";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
-import { motion, AnimatePresence } from "framer-motion";
 import { toast } from "sonner";
-import { getAuthErrorDetails, shouldRetry, isNetworkError } from "@/lib/auth-errors";
 import { Logo } from "@/components/Logo";
+import { getAuthErrorDetails, isNetworkError, shouldRetry } from "@/lib/auth-errors";
 import { AmbientBackground } from "../login/AmbientBackground";
 
 export default function RegisterPage() {
@@ -79,31 +79,30 @@ export default function RegisterPage() {
 			setTimeout(() => {
 				router.push("/login?registered=true");
 			}, 500);
-
 		} catch (err) {
 			// Use auth-errors utility to get proper error details
 			let errorCode = "UNKNOWN_ERROR";
-			
+
 			if (err instanceof Error) {
 				errorCode = err.message;
 			} else if (isNetworkError(err)) {
 				errorCode = "NETWORK_ERROR";
 			}
-			
+
 			// Get detailed error information from auth-errors utility
 			const errorDetails = getAuthErrorDetails(errorCode);
-			
+
 			// Set persistent error display
 			setErrorTitle(errorDetails.title);
 			setError(errorDetails.description);
-			
+
 			// Show error toast with conditional retry action
 			const toastOptions: any = {
 				id: loadingToast,
 				description: errorDetails.description,
 				duration: 6000,
 			};
-			
+
 			// Add retry action if the error is retryable
 			if (shouldRetry(errorCode)) {
 				toastOptions.action = {
@@ -111,7 +110,7 @@ export default function RegisterPage() {
 					onClick: () => handleSubmit(e),
 				};
 			}
-			
+
 			toast.error(errorDetails.title, toastOptions);
 		} finally {
 			setIsLoading(false);
@@ -159,9 +158,7 @@ export default function RegisterPage() {
 										</svg>
 										<div className="flex-1 min-w-0">
 											<p className="text-sm font-semibold mb-1">{errorTitle}</p>
-											<p className="text-sm text-red-700 dark:text-red-300">
-												{error}
-											</p>
+											<p className="text-sm text-red-700 dark:text-red-300">{error}</p>
 										</div>
 										<button
 											onClick={() => {