fix catalog layout bugs (#3018)

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>

src/renderer/components/+catalog/catalog.module.css

@@ -23,6 +23,10 @@
   max-width: 40px;
   display: flex;
   align-items: center;
+
+  .MuiAvatar-root {
+    font-size: var(--unit);
+  }
 }
 
 .nameCell {
@@ -88,4 +92,4 @@
 .activeTab, .activeTab:hover {
   background-color: var(--blue);
   --color-active: white;
-}
+}

src/renderer/components/+catalog/catalog.tsx

@@ -255,6 +255,7 @@ export class Catalog extends React.Component<Props> {
         renderTableHeader={[
           { title: "", className: styles.iconCell },
           { title: "Name", className: styles.nameCell, sortBy: sortBy.name },
+          { title: "Kind", className: styles.kindCell, sortBy: sortBy.kind },
           { title: "Source", className: styles.sourceCell, sortBy: sortBy.source },
           { title: "Labels", className: styles.labelsCell },
           { title: "Status", className: styles.statusCell, sortBy: sortBy.status },