Replace Button from PF to a plain link with the Button's css classes …

…applied (#481)

ui/app/[locale]/kafka/not-found.tsx

@@ -38,13 +38,10 @@ export default function NotFound() {
             headingLevel={"h1"}
             icon={<EmptyStateIcon icon={PathMissingIcon} />}
           />
-          <EmptyStateBody>
-            The selected cluster is unavailable. Please check the connection and
-            try again.
-          </EmptyStateBody>
+          <EmptyStateBody>The selected cluster is unavailable.</EmptyStateBody>
           <EmptyStateFooter>
             <EmptyStateActions>
-              <ButtonLink href={"/resources"}>Check the connection</ButtonLink>
+              <ButtonLink href={"/"}>Back to the homepage</ButtonLink>
             </EmptyStateActions>
           </EmptyStateFooter>
         </EmptyState>

ui/components/ButtonLink.tsx

@@ -1,13 +1,16 @@
 "use client";
-import { Button, ButtonProps } from "@/libs/patternfly/react-core";
+import { ButtonProps } from "@/libs/patternfly/react-core";
 import { Link } from "@/navigation";
 import { Route } from "next";
 
 export function ButtonLink<T extends string>({
   href,
-  ...props
+  variant,
+  children,
 }: ButtonProps & { href: Route<T> | URL }) {
   return (
-    <Button {...props} component={(props) => <Link {...props} href={href} />} />
+    <Link className={`pf-v5-c-button pf-m-${variant}`} href={href}>
+      {children}
+    </Link>
   );
 }

ui/components/table/ResponsiveTable.tsx

@@ -444,15 +444,14 @@ export const DeletableRow = memo<DeletableRowProps>(
   ({ isDeleted, isSelected, onClick, children, rowOuiaId }) => {
     return (
       <Tr
-        // isHoverable={!isDeleted && onClick !== undefined}
         onRowClick={(e) => {
           if (e?.target instanceof HTMLElement) {
             if (!["a", "button"].includes(e.target.tagName.toLowerCase())) {
               onClick && onClick();
             }
           }
         }}
-        isClickable={!!onClick}
+        isClickable={!isDeleted && !!onClick}
         isSelectable={!!onClick}
         ouiaId={rowOuiaId}
         isRowSelected={isSelected}