Fix link coloring in few places

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+add-cluster/add-cluster.scss

@@ -50,4 +50,8 @@
     display: block;
     padding-top: 6px;
   }
+
+  a[href] {
+    color: var(--colorInfo);
+  }
 }

src/renderer/components/+add-cluster/add-cluster.tsx

@@ -119,8 +119,8 @@ export class AddCluster extends React.Component {
       <SettingLayout className="AddClusters">
         <h2>Add Clusters from Kubeconfig</h2>
         <p>
-          Clusters added here are <b>not</b> merged into the <code>~/.kube/config</code> file.
+          Clusters added here are <b>not</b> merged into the <code>~/.kube/config</code> file.{" "}
-          Read more about adding clusters <a href={`${docsUrl}/catalog/add-clusters/`} rel="noreferrer" target="_blank">here</a>.
+          <a href={`${docsUrl}/catalog/add-clusters/`} rel="noreferrer" target="_blank">Read more about adding clusters</a>.
         </p>
         <div className="flex column">
           <MonacoEditor

src/renderer/components/error-boundary/error-boundary.scss

@@ -43,4 +43,8 @@
     background: $contentColor;
     color: $textColorSecondary;
   }
+
+  a {
+    color: var(--colorInfo);
+  }
 }