Make the description column in the catalog table use up as much space as possible before hiding overflowing text

Signed-off-by: Oliver Sand <oliver.sand@sda-se.com>

.changeset/olive-moons-melt.md

@@ -0,0 +1,7 @@
+---
+'@backstage/plugin-catalog': patch
+'@backstage/plugin-api-docs': patch
+---
+
+Make the description column in the catalog table and api-docs table use up as
+much space as possible before hiding overflowing text.

packages/catalog-model/examples/components/petstore-component.yaml

@@ -2,7 +2,8 @@ apiVersion: backstage.io/v1alpha1
 kind: Component
 metadata:
   name: petstore
-  description: Petstore
+  # This is an extra long description
+  description: The Petstore is an example API used to show features of the OpenAPI spec.
   links:
     - url: https://github.com/swagger-api/swagger-petstore
       title: GitHub Repo

plugins/api-docs/src/components/ApiExplorerTable/ApiExplorerTable.tsx

@@ -99,6 +99,7 @@ const columns: TableColumn<EntityRow>[] = [
         placement="bottom-start"
       />
     ),
+    width: 'auto',
   },
   {
     title: 'Tags',

plugins/catalog/src/components/CatalogTable/CatalogTable.tsx

@@ -98,6 +98,7 @@ const columns: TableColumn<EntityRow>[] = [
         placement="bottom-start"
       />
     ),
+    width: 'auto',
   },
   {
     title: 'Tags',