[MM-50352] Improve URL validation and add/edit server experience (#2720)

* [MM-50352] Improve URL validation and add/edit server experience

* Fix build

* Fix translations

* First pass of fixes

* Some changes to avoid 2 clicks, tests

* PR feedback

* Update translations

* PR feedback

* Fix translations

* PR feedback

* E2E test fixes

src/renderer/css/components/NewServerModal.css

@@ -1,4 +0,0 @@
-.NewServerModal-noBottomSpace {
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-}

src/renderer/css/components/NewServerModal.scss

@@ -0,0 +1,38 @@
+.NewServerModal-noBottomSpace {
+    padding-bottom: 0px;
+    margin-bottom: 0px;
+}
+
+.NewServerModal-validation {
+    margin-top: 8px;
+    margin-right: auto;
+    font-size: 12px;
+    display: flex;
+    flex-direction: column;
+
+    > div {
+        margin-top: 4px;
+        > span {
+            margin-left: 4px;
+        }
+    }
+
+    .error {
+        color: #d24b4e;
+    }
+
+    .warning {
+        color: #c79e3f;
+    }
+
+    .success {
+        color: #06d6a0;
+    }
+}
+
+.NewServerModal-validationSpinner {
+    width: 0.75rem;
+    height: 0.75rem;
+    margin-left: 2px;
+    margin-right: 4px;
+}

src/renderer/css/components/index.css

@@ -2,7 +2,6 @@
 @import url("HoveringURL.css");
 @import url("MainPage.css");
 @import url("MattermostView.css");
-@import url("NewServerModal.css");
 @import url("PermissionRequestDialog.css");
 @import url("TabBar.css");
 @import url("UpdaterPage.css");

src/renderer/css/modals.css

@@ -1,3 +1,7 @@
+@import url("components/index.css");
+@import url("fonts.css");
+@import '~@mattermost/compass-icons/css/compass-icons.css';
+
 body {
   background-color: transparent;
 }