fix: remove margin gap from top bar for guests

- same logic that is used for showing LeftSidebar

Signed-off-by: Maksim Sukharev <[email protected]>

src/components/TopBar/TopBar.vue

@@ -8,6 +8,7 @@
 		:class="{
 			'top-bar--sidebar': isSidebar,
 			'top-bar--in-call': isInCall,
+			'top-bar--authorised': getUserId,
 		}">
 		<ConversationIcon :key="conversation.token"
 			class="conversation-icon"
@@ -382,6 +383,12 @@ export default {
 			margin-left: 0;
 		}
 	}
+
+	&--authorised {
+		.conversation-icon {
+			margin-left: calc(var(--default-clickable-area) + var(--default-grid-baseline));
+		}
+	}
 }
 
 .top-bar__wrapper {
@@ -393,10 +400,6 @@ export default {
 	justify-content: flex-end;
 }
 
-.conversation-icon {
-	margin-left: 48px;
-}
-
 .conversation-header {
 	position: relative;
 	display: flex;