Fix query invalidation

app/(dashboard)/[tenant]/layout.tsx

@@ -1,12 +1,11 @@
-import { OrganizationChangeHandler } from "@/components/core/organization-change-handler";
+import { redirect } from "next/navigation";
+import { NuqsAdapter } from "nuqs/adapters/next/app";
 import { ReportTimezone } from "@/components/core/report-timezone";
 import { Navbar } from "@/components/layout/navbar";
 import { isDatabaseReady } from "@/lib/utils/useDatabase";
 import { getOwner } from "@/lib/utils/useOwner";
 import { TRPCReactProvider } from "@/trpc/client";
 import { caller } from "@/trpc/server";
-import { redirect } from "next/navigation";
-import { NuqsAdapter } from "nuqs/adapters/next/app";
 
 export default async function ConsoleLayout(props: {
 	children: React.ReactNode;
@@ -29,18 +28,16 @@ export default async function ConsoleLayout(props: {
 
 	return (
 		<TRPCReactProvider>
-			<OrganizationChangeHandler>
-				<NuqsAdapter>
-					<main className="relative mx-auto w-full flex-grow flex-col">
-						<Navbar notificationsWire={notificationsWire} />
-						<div className="min-h-[calc(100vh-97px)] lg:min-w-0 lg:flex-1 pb-8">
-							{props.children}
-						</div>
+			<NuqsAdapter>
+				<main className="relative mx-auto w-full flex-grow flex-col">
+					<Navbar notificationsWire={notificationsWire} />
+					<div className="min-h-[calc(100vh-97px)] lg:min-w-0 lg:flex-1 pb-8">
+						{props.children}
+					</div>
 
-						<ReportTimezone />
-					</main>
-				</NuqsAdapter>
-			</OrganizationChangeHandler>
+					<ReportTimezone />
+				</main>
+			</NuqsAdapter>
 		</TRPCReactProvider>
 	);
 }

components/layout/navbar.tsx

@@ -2,13 +2,13 @@
 
 import { OrganizationSwitcher, UserButton } from "@clerk/nextjs";
 import { dark } from "@clerk/themes";
-import { useQueries } from "@tanstack/react-query";
+import { useQueries, useQueryClient } from "@tanstack/react-query";
 import { ChevronDown, HelpCircle } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
 import { useParams, usePathname, useRouter } from "next/navigation";
 import { useTheme } from "next-themes";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
 import {
 	DropdownMenu,
@@ -46,6 +46,14 @@ export function Navbar({ notificationsWire }: { notificationsWire: string }) {
 
 	const trpc = useTRPC();
 
+	const queryClient = useQueryClient();
+
+	useEffect(() => {
+		queryClient.invalidateQueries({
+			refetchType: "all",
+		});
+	}, [queryClient]);
+
 	const [{ data: projects = [] }, { data: tasklists = [] }] = useQueries({
 		queries: [
 			trpc.user.getProjects.queryOptions({