fix(hub): invalidate billing calculation after chagning the billing plan (#2547)

<!-- Please make sure there is an issue that this PR is correlated to. -->

## Changes

<!-- If there are frontend changes, please include screenshots. -->

Author: jog1t

frontend/apps/hub/src/domains/project/components/dialogs/change-plan-dialog.tsx

@@ -16,7 +16,10 @@ import { useProject } from "../../data/project-context";
 interface ContentProps extends DialogContentProps {}
 
 export default function ChangePlanDialogContent({ onClose }: ContentProps) {
-	const { gameId: projectId } = useProject();
+	const {
+		gameId: projectId,
+		developer: { groupId },
+	} = useProject();
 	const [plan, setPlan] = useState<Rivet.ee.billing.Plan | null>(null);
 
 	const { mutate, isPending } = useUpdateProjectBillingMutation({
@@ -46,7 +49,7 @@ export default function ChangePlanDialogContent({ onClose }: ContentProps) {
 						<Button
 							isLoading={isPending}
 							onClick={() => {
-								mutate({ plan, projectId });
+								mutate({ plan, projectId, groupId });
 							}}
 						>
 							Confirm

frontend/apps/hub/src/domains/project/queries/billing/mutations.ts

@@ -2,6 +2,7 @@ import { queryClient, rivetEeClient } from "@/queries/global";
 import type { Rivet as RivetEe } from "@rivet-gg/api-ee";
 import { useMutation } from "@tanstack/react-query";
 import { projectBillingQueryOptions } from "../billing/query-options";
+import { projectAggregateBillingQueryOptions } from "../query-options";
 
 export const useUpdateProjectBillingMutation = ({
 	onSuccess,
@@ -13,6 +14,7 @@ export const useUpdateProjectBillingMutation = ({
 			projectId,
 			plan,
 		}: {
+			groupId: string;
 			projectId: string;
 		} & RivetEe.ee.cloud.games.billing.UpdatePlanRequest) =>
 			rivetEeClient.ee.cloud.games.billing.updatePlan(projectId, {
@@ -22,7 +24,15 @@ export const useUpdateProjectBillingMutation = ({
 			await queryClient.invalidateQueries(
 				projectBillingQueryOptions(values.projectId),
 			);
+			await queryClient.invalidateQueries({
+				...projectAggregateBillingQueryOptions({
+					projectId: values.projectId,
+					projectNameId: values.projectId,
+					groupId: values.groupId,
+				}),
+				refetchType: "all",
+			});
 			onSuccess?.();
 		},
 	});
-};
+};