[Table] allow multiline header text

Author: veej

Diff for: packages/bento-design-system/src/Table/Table.tsx

@@ -609,9 +609,7 @@ function ColumnHeader<D extends Record<string, unknown>>({
           {hasHeaderContent && (
             <Columns space={8} alignY="center" align={column.align}>
               {column.Header ? (
-                <Column width="content">
-                  <Label size={config.headerSize}>{column.render("Header") as any}</Label>
-                </Column>
+                <Label size={config.headerSize}>{column.render("Header") as any}</Label>
               ) : null}
               {hint && <Column width="content">{hint}</Column>}
               {sortIcon && (

Diff for: packages/bento-design-system/stories/Components/Table.stories.tsx

@@ -31,7 +31,7 @@ const exampleColumns = [
     accessor: "name",
   }),
   tableColumn.text({
-    headerLabel: "Extended address",
+    headerLabel: "Extended complete address",
     accessor: "address",
     width: { custom: 200 },
   }),