Frontend: New CustomLink component (#8375)

frontend/components/DataError/DataError.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import ExternalLinkIcon from "../../../assets/images/icon-external-link-12x12@2x.png";
+import CustomLink from "components/CustomLink";
 import ErrorIcon from "../../../assets/images/icon-error-16x16@2x.png";
 
 const baseClass = "data-error";
@@ -21,14 +21,11 @@ const DataError = ({ card }: IDataErrorProps): JSX.Element => {
           <span className="info__data">Refresh the page or log in again.</span>
           <span className="info__data">
             If this keeps happening, please&nbsp;
-            <a
-              href="https://github.com/fleetdm/fleet/issues/new/choose"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              file an issue
-              <img src={ExternalLinkIcon} alt="Open external link" />
-            </a>
+            <CustomLink
+              url="https://github.com/fleetdm/fleet/issues/new/choose"
+              text="file an issue"
+              newTab
+            />
           </span>
         </div>
       </div>