fix: fix table style in open forms embed

Author: AliKdhim87

.changeset/pretty-plants-retire.md

@@ -0,0 +1,5 @@
+---
+"@frameless/pdc-frontend": patch
+---
+
+Los de tabelstijl op de OpenForms-pagina op.

apps/pdc-frontend/package.json

@@ -57,6 +57,7 @@
     "@types/lodash.mergewith": "4.6.9",
     "@utrecht/focus-ring-css": "1.1.0",
     "@utrecht/form-label-css": "1.1.0",
+    "@utrecht/table-css": "1.4.0",
     "@utrecht/multiline-data-css": "1.1.0",
     "@utrecht/textbox-css": "1.2.0",
     "eslint-config-next": "13.2.4",

apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss

@@ -1,7 +1,7 @@
 @import "~@utrecht/multiline-data-css/src/mixin";
 @import "~@utrecht/form-label-css/src/mixin";
 @import "~@utrecht/textbox-css/src/mixin";
-
+@import "~@utrecht/table-css/src/html/mixin";
 :root {
   --of-progress-indicator-padding-block-end: 0;
 }
@@ -66,3 +66,7 @@
 .utrecht-form-container--openforms {
   flex: 1 1;
 }
+
+.openforms-body .openforms-body--wysiwyg {
+  @include utrecht-html-table;
+}

yarn.lock

@@ -8328,6 +8328,11 @@
   dependencies:
     clsx "2.1.1"
 
+"@utrecht/table-css@1.4.0":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@utrecht/table-css/-/table-css-1.4.0.tgz#fc675468cd887f301af895f72f26cc4d69fd857d"
+  integrity sha512-D2JvmGY9uf2/N/wiq4XbX5/9Gz5iTIsjiJF4huFmP+XRB7zzSwPTWgC/AdQWtIUiYlWQMFvvB6bOMtCIUq9eKA==
+
 "@utrecht/textbox-css@1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@utrecht/textbox-css/-/textbox-css-1.2.0.tgz#41be4783d178ab227b9bd188253407a688e69226"