chore: update dependencies in pnpm-lock.yaml and package.json, including zod to version 4.3.6, @dokploy/trpc-openapi to version 0.0.13, and @trpc packages to version 11.10.0; refactor loading state handling in application components

apps/dokploy/components/dashboard/settings/users/add-permissions.tsx

@@ -184,7 +184,7 @@ export const AddUserPermissions = ({ userId }: Props) => {
 		},
 	);
 
-	const { mutateAsync, isError, error, isLoading } =
+	const { mutateAsync, isError, error, isPending } =
 		api.user.assignPermissions.useMutation();
 
 	const form = useForm({
@@ -839,7 +839,7 @@ export const AddUserPermissions = ({ userId }: Props) => {
 						/>
 						<DialogFooter className="flex w-full flex-row justify-end md:col-span-2">
 							<Button
-								isLoading={isLoading}
+								isLoading={isPending}
 								form="hook-form-add-permissions"
 								type="submit"
 							>

apps/dokploy/components/dashboard/settings/users/change-role.tsx

@@ -49,7 +49,7 @@ export const ChangeRole = ({ memberId, currentRole, userEmail }: Props) => {
 	const [isOpen, setIsOpen] = useState(false);
 	const utils = api.useUtils();
 
-	const { mutateAsync, isError, error, isLoading } =
+	const { mutateAsync, isError, error, isPending } =
 		api.organization.updateMemberRole.useMutation();
 
 	const form = useForm<ChangeRoleSchema>({
@@ -146,7 +146,7 @@ export const ChangeRole = ({ memberId, currentRole, userEmail }: Props) => {
 
 				<DialogFooter>
 					<Button
-						isLoading={isLoading}
+						isLoading={isPending}
 						form="hook-form-change-role"
 						type="submit"
 					>

apps/dokploy/components/dashboard/settings/users/show-invitations.tsx

@@ -32,7 +32,7 @@ import { api } from "@/utils/api";
 import { AddInvitation } from "./add-invitation";
 
 export const ShowInvitations = () => {
-	const { data, isLoading, refetch } =
+	const { data, isPending, refetch } =
 		api.organization.allInvitations.useQuery();
 
 	const { mutateAsync: removeInvitation } =
@@ -52,7 +52,7 @@ export const ShowInvitations = () => {
 						</CardDescription>
 					</CardHeader>
 					<CardContent className="space-y-2 py-8 border-t">
-						{isLoading ? (
+						{isPending ? (
 							<div className="flex flex-row gap-2 items-center justify-center text-sm text-muted-foreground min-h-[25vh]">
 								<span>Loading...</span>
 								<Loader2 className="animate-spin size-4" />

apps/dokploy/components/dashboard/settings/users/show-users.tsx

@@ -33,7 +33,7 @@ import { ChangeRole } from "./change-role";
 
 export const ShowUsers = () => {
 	const { data: isCloud } = api.settings.isCloud.useQuery();
-	const { data, isLoading, refetch } = api.user.all.useQuery();
+	const { data, isPending, refetch } = api.user.all.useQuery();
 	const { mutateAsync } = api.user.remove.useMutation();
 
 	const utils = api.useUtils();
@@ -53,7 +53,7 @@ export const ShowUsers = () => {
 						</CardDescription>
 					</CardHeader>
 					<CardContent className="space-y-2 py-8 border-t">
-						{isLoading ? (
+						{isPending ? (
 							<div className="flex flex-row gap-2 items-center justify-center text-sm text-muted-foreground min-h-[25vh]">
 								<span>Loading...</span>
 								<Loader2 className="animate-spin size-4" />