Refactor code structure for improved readability and maintainability

src/components/dev/dev-panel.tsx

@@ -12,7 +12,7 @@
 
 import { useCallback, useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
-import { Loader2, Wrench, X } from "lucide-react";
+import { Wrench, X } from "lucide-react";
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import { toast } from "sonner";
 import { authClient } from "@/lib/auth-client";
@@ -184,8 +184,8 @@ export function DevPanel() {
                 </span>
                 Dev süperadmin
                 {mesgul ? (
-                  <Loader2
-                    className="size-3.5 animate-spin text-slate-400"
+                  <span
+                    className="size-2 animate-pulse rounded-full bg-slate-400"
                     aria-hidden
                   />
                 ) : null}