refactor: update authentication flow to use NextAuth, replace better-auth with axios for API calls, and clean up unused code

components/auth/login-form.tsx

@@ -23,6 +23,7 @@ export default function LoginForm() {
 					<PhoneInput
 						id="phone-number"
 						name="phoneNumber"
+						className="b0rder"
 						maxLength={8}
 						disabled={isPending}
 						placeholder="Enter phone number"
@@ -32,11 +33,7 @@ export default function LoginForm() {
 					{state.status === "error" && (
 						<p className="text-red-500 text-sm">{state.message}</p>
 					)}
-					<Button
-						className=""
-						disabled={isPending}
-						type="submit"
-					>
+					<Button className="" disabled={isPending} type="submit">
 						{isPending ? <Loader2 className="animate-spin" /> : "Request OTP"}
 					</Button>
 				</div>