fix(webapp): match environment when searching env variables

.server-changes/env-variables-search-by-environment.md

@@ -0,0 +1,6 @@
+---
+area: webapp
+type: improvement
+---
+
+Extended the search filter on the environment variables page to match on environment type (production, staging, development, preview) and branch name, not just variable name and value.

apps/webapp/app/hooks/useFuzzyFilter.ts

@@ -28,7 +28,7 @@ export function useFuzzyFilter<T extends Object>({
   keys,
 }: {
   items: T[];
-  keys: Extract<keyof T, string>[];
+  keys: string[];
 }) {
   const [filterText, setFilterText] = useState("");
 

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.environment-variables/route.tsx

@@ -256,7 +256,7 @@ export default function Page() {
   const { filterText, setFilterText, filteredItems } =
     useFuzzyFilter<EnvironmentVariableWithSetValues>({
       items: environmentVariables,
-      keys: ["key", "value"],
+      keys: ["key", "value", "environment.type", "environment.branchName"],
     });
 
   // Add isFirst and isLast to each environment variable