added new loader

src/pages/Tenant/SelfTenantDetails.jsx

@@ -4,6 +4,7 @@ import TenantDetails from "./TenantDetails";
 import { hasUserPermission } from "../../utils/authUtils";
 import { VIEW_TENANTS } from "../../utils/constants";
 import { useNavigate } from "react-router-dom";
+import Loader from "../../components/common/Loader";
 
 const SelfTenantDetails = () => {
   const { profile, loading } = useProfile();
@@ -18,7 +19,7 @@ const SelfTenantDetails = () => {
   }, [isSelfTenantView, navigate]);
 
   if (loading || !tenantId) {
-    return <div>Loading...</div>;
+    return <Loader/>;
   }
 
   return (

src/pages/Tenant/TenantDetails.jsx

@@ -7,6 +7,7 @@ import { ComingSoonPage } from "../Misc/ComingSoonPage";
 import GlobalModel from "../../components/common/GlobalModel";
 import EditProfile from "../../components/Tenant/EditProfile";
 import SubScriptionHistory from "../../components/Tenant/SubScriptionHistory";
+import Loader from "../../components/common/Loader";
 
 const TenantDetailsContext = createContext();
 export const useTenantDetailsContext = () => useContext(TenantDetailsContext);
@@ -61,7 +62,7 @@ const TenantDetails = ({
     [data, activeTenantId]
   );
   if (!activeTenantId) return <div className="my-4">No tenant selected.</div>;
-  if (isLoading) return <div className="my-4">Loading...</div>;
+  if (isLoading) return <div className="my-4"><Loader/></div>;
   if (isError) return <div className="my-3">{error?.message}</div>;
 
 

src/pages/Tenant/TenantPage.jsx

@@ -81,7 +81,6 @@ const TenantPage = () => {
     () => <TenantFilterPanel onApply={handleApplyFilters} />,
     [handleApplyFilters]
   );
-console.log(isSelfTenant)
   // ---------- Fab Filter Panel ----------
   useEffect(() => {
     if (!isSuperTenant) return;