Biome upgrades, theme upgrades, lots of daisy changes

src/app/_components/auth/login.tsx

@@ -1,6 +1,6 @@
+import UserIcon from "@heroicons/react/24/outline/UserIcon";
 import { getBaseUrl } from "@/lib/base-url";
 import { auth, signIn, signOut } from "@/server/auth";
-import UserCircleIcon from "@heroicons/react/24/outline/UserCircleIcon";
 
 // TODO
 export default async function LogIn(): Promise<React.JSX.Element | undefined> {
@@ -21,13 +21,13 @@ export default async function LogIn(): Promise<React.JSX.Element | undefined> {
 		>
 			<button
 				type="submit"
-				className="group rounded-3xl p-1 transition-colors dark:hover:bg-dracula-bg-light"
+				className="btn btn-circle hover:bg-primary/25 group border-2 border-primary/75 p-1 transition-colors duration-100"
 			>
-				<UserCircleIcon
+				<UserIcon
 					className={`h-8 w-auto transition-colors ${
 						session?.user
-							? "dark:stroke-dracula-red dark:group-hover:stroke-dracula-green"
-							: "dark:stroke-dracula-cyan dark:group-hover:stroke-dracula-orange"
+							? "stroke-warning"
+							: ""
 					}`}
 				/>
 				<span className="sr-only">{session?.user ? "Log out" : "Log in"}</span>