[TOOL-4821] Improve Team members search

Author: MananTank

apps/dashboard/src/app/(app)/team/[team_slug]/(team)/~/settings/members/ManageMembersSection.tsx

@@ -19,6 +19,7 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import { useMutation } from "@tanstack/react-query";
+import Fuse from "fuse.js";
 import { EllipsisIcon } from "lucide-react";
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
@@ -44,10 +45,22 @@ export function ManageMembersSection(props: {
   const membersToShow = useMemo(() => {
     let value = props.members;
 
+    const fuse = new Fuse(value, {
+      keys: [
+        {
+          name: "account.name",
+          weight: 2,
+        },
+        {
+          name: "account.email",
+          weight: 1,
+        },
+      ],
+      threshold: 0.3,
+    });
+
     if (searchTerm) {
-      value = value.filter((m) =>
-        m.account.name.toLowerCase().includes(searchTerm.toLowerCase()),
-      );
+      value = fuse.search(searchTerm).map((result) => result.item);
     }
 
     value = value.filter((m) => !deletedMembersIds.includes(m.accountId));