getting things going although need some minor backend changes for creating line just name tables and such

packages/desktop/src/components/User/basicUserDetailsRow.tsx

@@ -15,7 +15,7 @@ export default function BasicUserRow({
     <span
       key={user._id.toString() + new Date().toDateString()}
       className="border-t border-t-gray-200 py-3 px-2 flex flex-row justify-start 
-    items-center w-full hover:bg-gray-300 cursor-pointer group"
+    items-center w-full hover:bg-gray-200 cursor-pointer group"
     >
       <Avatar
         key={`searchUsers-${user._id.toString()}`}
@@ -28,7 +28,7 @@ export default function BasicUserRow({
       <span className="flex flex-col items-start">
         <span className="text-gray-500 text-lg font-semibold">{user.name}</span>
 
-        <span className="text-zinc-300">{user.email}</span>
+        <span className="text-gray-300">{user.email}</span>
       </span>
 
       <div className="ml-auto">{rightJsx}</div>

packages/desktop/src/components/lines/lineRow.tsx/index.tsx

@@ -6,11 +6,9 @@ import { ILineDetails } from "../../../pages/router/index";
 import LineIcon from "../lineIcon";
 
 export default function LineRow({
-  id,
   lineDetails,
   onClick,
 }: {
-  id: string;
   lineDetails: ILineDetails;
   onClick: (lineId: string) => void;
 }) {
@@ -43,6 +41,7 @@ export default function LineRow({
     if (lineDetails.profilePicsLiveBroadcasters?.length)
       return (
         <Avatar.Group
+          key={`lineRowRightActivityGroup-${lineDetails.lineId}`}
           maxCount={2}
           maxPopoverTrigger="click"
           size="small"
@@ -87,7 +86,6 @@ export default function LineRow({
   return (
     <div
       onClick={handleSelectLine}
-      id={id}
       className="flex flex-row items-center justify-start gap-2 p-2 px-4 h-14 hover:bg-gray-200 cursor-pointer transition-all
   last:border-b-0 border-b border-b-gray-200"
     >