Remove invalid display properties on table, thead, tbody, and tfoot

- `table` element needs to be `display: table` so that `table-layout: fixed`
works correctly.
- `thead`, `tbody` and `tfoot` need to use their default display properties,
otherwise columns become misaligned between header, body and footer. (#9779)
- Remove unecessary width on `thead`, `tbody`, and `tfoot` which is implicitly
100%

packages/block-library/src/table/style.scss

@@ -1,16 +1,6 @@
 .wp-block-table {
-	thead,
-	tbody,
-	tfoot {
-		// Ensure container takes up same size as parent `table` element.
-		height: inherit;
-	}
-
-	// Fixed layout toggle.
-	&.has-fixed-layout thead,
-	&.has-fixed-layout tbody,
-	&.has-fixed-layout tfoot {
-		display: table;
+	// Fixed layout toggle
+	&.has-fixed-layout {
 		table-layout: fixed;
 		width: 100%;
 	}

packages/block-library/src/table/theme.scss

@@ -1,16 +1,7 @@
 .wp-block-table {
-	overflow-x: auto;
-	display: block; // Necessary in order for this table to be mobile responsive.
-	border-collapse: collapse;
 	width: 100%;
-
-	thead,
-	tbody,
-	tfoot {
-		width: 100%;
-		min-width: $break-mobile / 2;
-		display: table;
-	}
+	min-width: $break-mobile / 2;
+	border-collapse: collapse;
 
 	td,
 	th {