Refactor code structure for improved readability and maintainability

src/app/giris/giris-form.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { Loader2, Mail } from "lucide-react";
+import { Mail } from "lucide-react";
 import { toast } from "sonner";
 import { authClient } from "@/lib/auth-client";
 import { Button } from "@/components/ui/button";
@@ -126,12 +126,8 @@ export function GirisForm({ callbackURL }: { callbackURL: string }) {
         onClick={googleIleGiris}
         disabled={busy !== null}
       >
-        {busy === "google" ? (
-          <Loader2 className="size-4 animate-spin" aria-hidden />
-        ) : (
-          <GoogleIcon />
-        )}
-        Google ile devam et
+        <GoogleIcon />
+        {busy === "google" ? "Yönlendiriliyorsun…" : "Google ile devam et"}
       </Button>
 
       <div className="flex items-center gap-3 text-xs text-slate-400">
@@ -156,12 +152,8 @@ export function GirisForm({ callbackURL }: { callbackURL: string }) {
           className="h-11 w-full cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
           disabled={busy !== null}
         >
-          {busy === "email" ? (
-            <Loader2 className="size-4 animate-spin" aria-hidden />
-          ) : (
-            <Mail className="size-4" aria-hidden />
-          )}
-          Giriş bağlantısı gönder
+          <Mail className="size-4" aria-hidden />
+          {busy === "email" ? "Gönderiliyor…" : "Giriş bağlantısı gönder"}
         </Button>
       </form>
     </div>