swipeable tabs use url

src/app/routes/_authed/teams.$teamId.tsx

@@ -2,8 +2,14 @@ import Page from "@/components/page";
 import TeamProfile from "@/features/teams/components/team-profile";
 import { teamQueries } from "@/features/teams/queries";
 import { redirect, createFileRoute } from "@tanstack/react-router";
+import { z } from "zod";
+
+const searchSchema = z.object({
+  tab: z.string().optional(),
+});
 
 export const Route = createFileRoute("/_authed/teams/$teamId")({
+  validateSearch: searchSchema,
   beforeLoad: async ({ params, context }) => {
     const { queryClient } = context;
     const team = await queryClient.ensureQueryData(teamQueries.details(params.teamId))