Add flexWrap to root style in Table component (#32199)

* Add flexWrap to root style in Table component

Resolves #32120 by adding flexWrap: 'wrap' to the table toolbar root container, preventing layout breaks when both a title and filters are present.

Signed-off-by: Harshal Jain <harshaljaincs@gmail.com>

* Fix Table component layout issue with title and filters

Fixed bug in Table component layout when both title and filters are present. Added flexWrap: 'wrap' to improve responsive design.

Signed-off-by: HarshalJain-cs <harshajaincs@gmail.com>

Signed-off-by: Harshal Jain <harshaljaincs@gmail.com>

* Fix Table component layout issue with title and filters

Added flexWrap: 'wrap' to the root style of the Table component to prevent layout overflow and improve responsive design.

Signed-off-by: Ben Lambert <ben@blam.sh>

---------

Signed-off-by: Harshal Jain <harshaljaincs@gmail.com>
Signed-off-by: Ben Lambert <ben@blam.sh>
Co-authored-by: Ben Lambert <ben@blam.sh>

.changeset/fix-table-layout.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Fixed bug in Table component where the toolbar layout would break when both a title and filters were present.

packages/core-components/src/components/Table/Table.tsx

@@ -186,6 +186,7 @@ const useFilterStyles = makeStyles(
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'space-between',
+      flexWrap: 'wrap',
     },
     title: {
       fontWeight: theme.typography.fontWeightBold,