🐛 Truncate archatype description

Signed-off-by: ibolton336 <[email protected]>

Author: ibolton336

client/src/app/pages/archetypes/archetypes-page.tsx

@@ -365,7 +365,10 @@ const Archetypes: React.FC = () => {
                         <Td {...getTdProps({ columnKey: "name" })}>
                           {archetype.name}
                         </Td>
-                        <Td {...getTdProps({ columnKey: "description" })}>
+                        <Td
+                          {...getTdProps({ columnKey: "description" })}
+                          modifier="truncate"
+                        >
                           <ArchetypeDescriptionColumn archetype={archetype} />
                         </Td>
                         <Td {...getTdProps({ columnKey: "tags" })}>

client/src/app/pages/archetypes/components/archetype-description-column.tsx

@@ -1,11 +1,15 @@
 import React from "react";
-import { Text } from "@patternfly/react-core";
-
+import { Text, Tooltip } from "@patternfly/react-core";
 import type { Archetype } from "@app/api/models";
 
-// TODO: Truncate length and add tooltip with full text
 const ArchetypeDescriptionColumn: React.FC<{ archetype: Archetype }> = ({
   archetype,
-}) => <Text>{archetype.description}</Text>;
+}) => {
+  return (
+    <Tooltip content={archetype.description}>
+      <Text>{archetype.description}</Text>
+    </Tooltip>
+  );
+};
 
 export default ArchetypeDescriptionColumn;