[MM-34527] fix reload and long names (#1524)

src/renderer/css/components/TabBar.css

@@ -16,6 +16,8 @@
 .TabBar .teamTabItem span {
   flex: 0 1 auto;
   overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 200px;
   white-space: nowrap;
   text-align: center;
 }

src/renderer/css/settings.css

@@ -18,9 +18,14 @@
 }
 
 .TeamListItem p {
-  overflow-wrap: break-word;
+    overflow-wrap: break-word;
 }
 
+.TeamListItem h4 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+};
+
 .checkbox > label {
   width: 100%;
 }