taking out redundancy, will use the bottom avatar for when I speak and show video

packages/desktop/src/tree/FooterControls.tsx

@@ -148,6 +148,8 @@ function OverlayConversation({
   masterConversation: MasterConversation;
   isSelected?: boolean;
 }) {
+  const { user } = useAuth();
+
   const { selectConversation, handleEscape } = useConversations();
 
   const handleSelectConversation = useCallback(() => {
@@ -205,18 +207,23 @@ function OverlayConversation({
         }}
         max={3}
       >
-        {masterConversation.members?.map((conversationUser, index) => (
+        {masterConversation.members?.map(
-          <Avatar
+          (conversationUser, index) =>
-            key={`${masterConversation._id.toString()}-${conversationUser._id.toString()}-convoIcon`}
+            conversationUser._id.toString() !== user._id.toString() && (
-            alt={conversationUser?.givenName}
+              <Avatar
-            src={conversationUser?.picture}
+                key={`${masterConversation._id.toString()}-${conversationUser._id.toString()}-convoIcon`}
-            sx={{
+                alt={conversationUser?.givenName}
-              opacity: masterConversation.tunedInUsers?.includes(conversationUser._id.toString())
+                src={conversationUser?.picture}
-                ? '100%'
+                sx={{
-                : '20%',
+                  opacity: masterConversation.tunedInUsers?.includes(
-            }}
+                    conversationUser._id.toString(),
-          />
+                  )
-        ))}
+                    ? '100%'
+                    : '20%',
+                }}
+              />
+            ),
+        )}
       </AvatarGroup>
 
       {isSelected && (