feat(webapp): preserve admin tabs search query between Users and Organizations

Author: nicktrn

.server-changes/admin-tabs-preserve-search.md

@@ -0,0 +1,6 @@
+---
+area: webapp
+type: improvement
+---
+
+Preserve search string when switching between the Users and Organizations tabs in the admin dashboard.

apps/webapp/app/routes/admin.tsx

@@ -1,4 +1,4 @@
-import { Outlet } from "@remix-run/react";
+import { Outlet, useSearchParams } from "@remix-run/react";
 import { typedjson } from "remix-typedjson";
 import { LinkButton } from "~/components/primitives/Buttons";
 import { Tabs } from "~/components/primitives/Tabs";
@@ -10,18 +10,22 @@ export const loader = dashboardLoader(
 );
 
 export default function Page() {
+  const [searchParams] = useSearchParams();
+  const search = searchParams.get("search");
+  const searchSuffix = search ? `?search=${encodeURIComponent(search)}` : "";
+
   return (
     <div className="h-full w-full">
       <div className="flex items-center justify-between p-4">
         <Tabs
           tabs={[
             {
               label: "Users",
-              to: "/admin",
+              to: `/admin${searchSuffix}`,
             },
             {
               label: "Organizations",
-              to: "/admin/orgs",
+              to: `/admin/orgs${searchSuffix}`,
             },
             {
               label: "Concurrency",