adding full search functionality and other things

packages/web/components/UserDetails/SimpleUserDetailsRow.tsx

@@ -1,9 +1,11 @@
-import { Avatar } from "antd";
-import { FaPaperPlane, FaRegTimesCircle } from "react-icons/fa";
 import { User } from "@nirvana/common/models/user";
 import UserAvatar from "./UserAvatar";
+import { ReactElement } from "react";
 
-export default function SelectedUserRow(props: { user: User }) {
+export default function SelectedUserRow(props: {
+  user: User;
+  actionButton: ReactElement;
+}) {
   return (
     <span className="flex flex-row items-center py-1 border-t">
       <UserAvatar
@@ -17,9 +19,7 @@ export default function SelectedUserRow(props: { user: User }) {
         <span className="text-slate-400 text-xs">{"[email protected]"}</span>
       </span>
 
-      <button className="p-2 rounded-full hover:cursor-pointer text-orange-500 ml-auto">
-        <FaRegTimesCircle className="ml-auto text-lg" />
-      </button>
+      {props.actionButton}
     </span>
   );
 }