fix: cleanup NoticeBanner jsx

ts/components/conversation/SessionConversation.tsx

@@ -262,17 +262,16 @@ export class SessionConversation extends React.Component<Props, State> {
       <SessionTheme>
         <div className="conversation-header">
           <ConversationHeaderWithDetails />
-          {selectedConversation?.hasOutdatedClient &&
+          {selectedConversation?.hasOutdatedClient?.length ? (
-            selectedConversation.hasOutdatedClient.length > 0 && (
+            <NoticeBanner
-              <NoticeBanner
+              text={bannerText}
-                text={bannerText}
+              dismissCallback={() => {
-                dismissCallback={() => {
+                const conversation = getConversationController().get(selectedConversation.id);
-                  const conversation = getConversationController().get(selectedConversation.id);
+                conversation.set({ hasOutdatedClient: undefined });
-                  conversation.set({ hasOutdatedClient: undefined });
+                void conversation.commit();
-                  void conversation.commit();
+              }}
-                }}
+            />
-              />
+          ) : null}
-            )}
         </div>
         {isSelectedConvoInitialLoadingInProgress ? (
           <ConvoLoadingSpinner />