fix(deps): migrate tailwindcss to v4 and remove daisyui

template/auth/delete_account.templ

@@ -12,7 +12,7 @@ templ DeleteAccountComp() {
 		<p class="text-xl text-red-500 mb-4">
 			Are you sure you want to delete your account? This action is irreversible.
 		</p>
-		<label class="input input-bordered flex items-center gap-2">
+		<label class="flex items-center gap-2">
 			<input
 				type="password"
 				class="grow"
@@ -24,7 +24,7 @@ templ DeleteAccountComp() {
 				autocapitalize="off"
 			/>
 		</label>
-		<button class="btn btn-error self-end">
+		<button class="self-end">
 			Delete Account
 		</button>
 	</form>

template/auth/user.templ

@@ -1,30 +1,30 @@
 package auth
 
 templ UserComp(user string) {
-<div id="user-info" class="flex gap-5 items-center">
-	if user != "" {
-	<div class="group inline-block relative">
-		<button class="font-semibold py-2 px-4 inline-flex items-center">
-			<span class="mr-1">{ user }</span>
-			<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-				<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path>
-			</svg>
-		</button>
-		<div class="absolute hidden group-hover:block w-full">
-			<ul class="menu bg-base-300 rounded-box w-fit float-right mr-4 p-3">
-				<li class="mb-1">
-					<a hx-post="/api/auth/signout" hx-target="#user-info">Sign Out</a>
-				</li>
-				<li class="mb-1">
-					<a href="/auth/change-password">Change Password</a>
-				</li>
-				<li><a href="/auth/delete-account" class="text-error">Delete Account</a></li>
-			</ul>
-		</div>
+	<div id="user-info" class="flex gap-5 items-center">
+		if user != "" {
+			<div class="inline-block relative">
+				<button class="font-semibold py-2 px-4 inline-flex items-center">
+					<span class="mr-1">{ user }</span>
+					<svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+						<path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"></path>
+					</svg>
+				</button>
+				<div class="absolute hidden group-hover:block w-full">
+					<ul class="w-fit float-right mr-4 p-3">
+						<li class="mb-1">
+							<a hx-post="/api/auth/signout" hx-target="#user-info">Sign Out</a>
+						</li>
+						<li class="mb-1">
+							<a href="/auth/change-password">Change Password</a>
+						</li>
+						<li><a href="/auth/delete-account" class="">Delete Account</a></li>
+					</ul>
+				</div>
+			</div>
+		} else {
+			<a href="/auth/signup" class="">Sign Up</a>
+			<a href="/auth/signin" class="">Sign In</a>
+		}
 	</div>
-	} else {
-	<a href="/auth/signup" class="btn btn-sm">Sign Up</a>
-	<a href="/auth/signin" class="btn btn-sm">Sign In</a>
-	}
-</div>
 }

template/auth/verify.templ

@@ -12,7 +12,7 @@ templ VerifyComp() {
 			<p class="text-lg text-center">
 				Please check your inbox/spam and click on the link to verify your account.
 			</p>
-			<button class="btn mt-8" hx-get="/api/auth/verify-resend" hx-sync="this:drop" hx-swap="outerHTML">
+			<button class="mt-8" hx-get="/api/auth/verify-resend" hx-sync="this:drop" hx-swap="outerHTML">
 				resend verification email
 			</button>
 		</div>

template/auth/verify_response.templ

@@ -1,29 +1,29 @@
 package auth
 
 templ VerifyResponseComp(isVerified bool) {
-<main>
-	<div class="flex flex-col items-center justify-center h-screen">
-		if isVerified {
-		<h2 class="text-6xl mb-10">
-			Your email has been verified
-		</h2>
-		<p class="text-lg text-center">
-			You have completed the verification process. Thank you!
-		</p>
-		<a class="btn btn-primary mt-8" href="/">
-			Go Home
-		</a>
-		} else {
-		<h2 class="text-6xl mb-10">
-			Error during verification
-		</h2>
-		<p class="text-lg text-center">
-			Please try again by sign up process
-		</p>
-		<a class="btn btn-primary mt-8" href="/auth/signup">
-			Sign Up
-		</a>
-		}
-	</div>
-</main>
+	<main>
+		<div class="flex flex-col items-center justify-center h-screen">
+			if isVerified {
+				<h2 class="text-6xl mb-10">
+					Your email has been verified
+				</h2>
+				<p class="text-lg text-center">
+					You have completed the verification process. Thank you!
+				</p>
+				<a class="mt-8" href="/">
+					Go Home
+				</a>
+			} else {
+				<h2 class="text-6xl mb-10">
+					Error during verification
+				</h2>
+				<p class="text-lg text-center">
+					Please try again by sign up process
+				</p>
+				<a class="mt-8" href="/auth/signup">
+					Sign Up
+				</a>
+			}
+		</div>
+	</main>
 }