fix(console): doc button and get help link (#3976)

packages/console/src/containers/AppContent/components/Topbar/Contact/ContactModal/index.module.scss

@@ -33,5 +33,9 @@
     .button {
       width: 90px;
     }
+
+    .link {
+      text-decoration: none;
+    }
   }
 }

packages/console/src/containers/AppContent/components/Topbar/Contact/ContactModal/index.tsx

@@ -43,15 +43,9 @@ function ContactModal({ isOpen, onCancel }: Props) {
                     <DynamicT forKey={description} />
                   </div>
                 </div>
-                <div>
+                <a href={link} target="_blank" className={styles.link} rel="noopener">
-                  <Button
+                  <Button type="outline" title={label} className={styles.button} />
-                    type="outline"
+                </a>
-                    title={label}
-                    to={link}
-                    className={styles.button}
-                    onClick={() => window.open(link)}
-                  />
-                </div>
               </div>
             ))}
         </div>

packages/console/src/containers/AppContent/components/Topbar/DocumentNavButton/index.tsx

@@ -9,8 +9,12 @@ function DocumentNavButton() {
   const { documentationSiteUrl } = useDocumentationUrl();
   return (
     <div className={styles.documentNavButton}>
-      <DocumentIcon className={styles.icon} />
+      <TextLink
-      <TextLink href={documentationSiteUrl} target="_blank" className={styles.textLink}>
+        href={documentationSiteUrl}
+        target="_blank"
+        className={styles.textLink}
+        icon={<DocumentIcon className={styles.icon} />}
+      >
         <DangerousRaw>Docs</DangerousRaw>
       </TextLink>
     </div>