Sync topic tree from connection

[ysfscream]

PR Checklist

If you have any questions, you can refer to the Contributing Guide

What is the current behavior?

The data is currently synchronized in one direction, Topic Tree -> Connections.

What is the new behavior?

This pull request includes several updates to the topic node and message services, as well as some minor changes to the SCSS and translation files. The main focus is on refactoring and enhancing the functionality related to topic tree structures and message statistics.

Enhancements to Topic Node and Message Services:

• Added getMessageTopicNodeStats method to MessageService to fetch connection info and topic statistics.
• Refactored TopicNodeService to improve the handling and retrieval of topic tree structures, including methods like getTree, updateTopicNodes, and clearTree. [1] [2] [3] [4] [5] [6] [7]
• Introduced utility functions buildTopicTreeFromStats and flattenTopicTree in topicTree.ts for constructing and flattening topic trees.

Minor Changes:

• Added a new text color class .text-tips in atom.scss.
• Removed unused import in ImportScript.vue.
• Added new translations for syncing topic trees and connections in connections.ts and viewer.ts. [1] [2]

Does this PR introduce a breaking change?

• Yes
• No

Specific Instructions

Are there any specific instructions or things that should be known prior to review?

Other information