Updated a lot of stuff, trying out radix ui

apps/web/src/features/conversation/modal/conversation.tsx

@@ -14,20 +14,18 @@ export default function ConversationModal({ userId }: { userId: number }) {
 
   return (
     <ContextMenu>
-      <ContextMenuTrigger
-        render={
-          <div
-            className="select-none cursor-pointer"
-            onClick={() => navigate({ to: "/chat", search: { id: userId } })}
-          >
-            <Wrapper
-              loading={<Loading />}
-              userId={userId}
-              component={(user) => <Basic user={user} />}
-            />
-          </div>
-        }
-      ></ContextMenuTrigger>
+      <ContextMenuTrigger asChild>
+        <div
+          className="select-none cursor-pointer"
+          onClick={() => navigate({ to: "/chat", search: { id: userId } })}
+        >
+          <Wrapper
+            loading={<Loading />}
+            userId={userId}
+            component={(user) => <Basic user={user} />}
+          />
+        </div>
+      </ContextMenuTrigger>
       <ContextMenuContent>
         <ContextMenuGroup>
           <ContextMenuItem>Test</ContextMenuItem>