Fix table styles in rte context

public/typo3conf/ext/ep_theme/Configuration/TypoScript/Library/ParseFunc.typoscript

@@ -58,7 +58,7 @@ lib.parseFunc {
 lib.parseFunc_RTE < lib.parseFunc
 lib.parseFunc_RTE {
     externalBlocks := addToList(article, aside, blockquote, div, dd, dl, footer)
-    externalBlocks := addToList(header, nav, ol, section, table, ul, pre)
+    externalBlocks := addToList(header, nav, ol, section, table, ul, pre, svg, use)
     externalBlocks {
         ol {
             stripNL = 1
@@ -75,12 +75,12 @@ lib.parseFunc_RTE {
         table {
             stripNL = 1
             stdWrap {
-                wrap = <div class="table-responsive">|</div>
+                wrap = <div class="w-full overflow-x-scroll mb-4">|</div>
             }
             callRecursive = 1
             callRecursive.tagStdWrap.HTMLparser = 1
             callRecursive.tagStdWrap.HTMLparser.tags.table {
-                fixAttrib.class.default = table table-condensed table-striped
+                fixAttrib.class.default = w-full
             }
             HTMLtableCells = 1
             HTMLtableCells {

public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/base/_rte-content.scss

@@ -13,3 +13,28 @@ p {
 a:not(.button) {
     @apply text-ep-primary-light sbw:text-sbw-primary-dark;
 }
+
+table,
+.table {
+    @apply w-full;
+}
+
+thead {
+    tr {
+        @apply bg-ep-primary-dark text-white
+    }
+}
+
+tbody {
+    tr {
+        @apply odd:bg-gray-100;
+    }
+}
+
+th {
+    @apply p-2 text-left;
+}
+
+td {
+    @apply p-2;
+}