[BUGFIX] Add special case for tables in panels

Using tables in panels requires the tables
to avoid any margin-bottom, since the panel
already defines such.

A special case is using the wrapper class
"table-responsive", placed between the
panel and the table element. This use case
was previously handled by bootstrap directly,
but got removed with v5. We therefore, handle
this case now on our own.

Resolves: #95147
Releases: master
Change-Id: I9c27bf9f5100b1ee1037ea30519a9a6ad7f7d77d
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/70969


Tested-by: core-ci <typo3@b13.com>
Tested-by: Benni Mack <benni@typo3.org>
Tested-by: Jorgen van der Kroon <jurgen@alternet.nl>
Tested-by: Dennis Prinse <dennis.prinse@maxserv.com>
Tested-by: Oliver Bartsch <bo@cedev.de>
Reviewed-by: Benni Mack <benni@typo3.org>
Reviewed-by: Jorgen van der Kroon <jurgen@alternet.nl>
Reviewed-by: Dennis Prinse <dennis.prinse@maxserv.com>
Reviewed-by: Oliver Bartsch <bo@cedev.de>

Build/Sources/Sass/typo3/_element_panel.scss

@@ -106,8 +106,10 @@ $panel-lg-padding: 35px;
     }
 
     > .table,
-    > .table-fit {
-        margin: 0;
+    > .table-responsive > .table,
+    > .table-fit,
+    > .table-responsive > .table-fit {
+        margin-bottom: 0;
     }
 
     label {