fix(ui): fix docker images page error on pageheader EE-3668 (#7212)

* fix docker images page error with link on page-header

app/react/components/PageHeader/Breadcrumbs/Breadcrumbs.tsx

@@ -41,7 +41,11 @@ function renderCrumb(crumb: Crumb | string) {
 
   if (crumb.link) {
     return (
-      <Link to={crumb.link} params={crumb.linkParams}>
+      <Link
+        to={crumb.link}
+        params={crumb.linkParams}
+        className="text-blue-9 hover:underline"
+      >
         {crumb.label}
       </Link>
     );

app/react/components/PageHeader/PageHeader.tsx

@@ -39,13 +39,13 @@ export function PageHeader({
       <HeaderTitle title={title}>
         {reload && (
           <Button
-            color="link"
+            color="none"
-            size="medium"
+            size="large"
             onClick={onClickedRefresh}
             className={styles.reloadButton}
             disabled={loading}
           >
-            <RefreshCw className="feather icon-sm" />
+            <RefreshCw className="icon" />
           </Button>
         )}
       </HeaderTitle>

app/react/components/buttons/Button.css

@@ -0,0 +1,10 @@
+.btn-none {
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  width: 1em;
+}
+
+.btn-none:focus {
+  outline: none;
+}

app/react/components/buttons/Button.tsx

@@ -10,6 +10,7 @@ import clsx from 'clsx';
 import { AutomationTestingProps } from '@/types';
 
 import { Icon } from '@@/Icon';
+import './Button.css';
 
 type Type = 'submit' | 'button' | 'reset';
 type Color =
@@ -21,7 +22,8 @@ type Color =
   | 'danger'
   | 'link'
   | 'light'
-  | 'dangerlight';
+  | 'dangerlight'
+  | 'none';
 type Size = 'xsmall' | 'small' | 'medium' | 'large';
 
 export interface Props extends AriaAttributes, AutomationTestingProps {