finshing architecture for project now we have all layers to build profitionl project app,components ,hooks ,lib,services,styel ,types

app/login/page.tsx

@@ -3,8 +3,9 @@
 import Link from "next/link";
 import { useState } from "react";
 import { useRouter } from "next/navigation";
-import { loginUser } from "../../src/lib/auth";
-import Logo from "@/src/utils/logo";
+import { loginUser } from "../../lib/auth";
+import Logo from "@/utils/logo";
+import { Spinner } from "@/Components/UI";
 
 export default function LoginPage() {
   const router = useRouter();
@@ -161,7 +162,7 @@ export default function LoginPage() {
               disabled={loading}
               className="mt-6 inline-flex h-11.5 w-full items-center justify-center rounded-[9px] bg-blue-600 text-[15px] font-semibold text-white transition hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-70"
             >
-              {loading ? "جاري تسجيل الدخول…" : "تسجيل الدخول"}
+              {loading ? <Spinner /> : "تسجيل الدخول"}
             </button>
 
             <p className="mt-4 text-center text-[13px] text-slate-500">