Add align to img, p, and div & allow h1 to be centered (#2231)

* Add align to img, p, and div

Signed-off-by: Jakob <minenash@protonmail.com>

* fixed issue from porting pr

Signed-off-by: Jakob <minenash@protonmail.com>

* attempt to fix overflow of aligned imgs

Signed-off-by: Jakob <minenash@protonmail.com>

* Allow h1 to be centered

Signed-off-by: Jakob <minenash@protonmail.com>

* Excluded markdown-body from universal-card styling in components

* Fixed it in editor?

* undid previous attempt, did something simpler

---------

Signed-off-by: Jakob <minenash@protonmail.com>
Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>

packages/utils/parse.ts

@@ -14,7 +14,7 @@ export const configuredXss = new FilterXSS({
     kbd: ['id'],
     input: ['checked', 'disabled', 'type'],
     iframe: ['width', 'height', 'allowfullscreen', 'frameborder', 'start', 'end'],
-    img: [...(whiteList.img || []), 'usemap', 'style'],
+    img: [...(whiteList.img || []), 'usemap', 'style', 'align'],
     map: ['name'],
     area: [...(whiteList.a || []), 'coords'],
     a: [...(whiteList.a || []), 'rel'],
@@ -22,6 +22,8 @@ export const configuredXss = new FilterXSS({
     th: [...(whiteList.th || []), 'style'],
     picture: [],
     source: ['media', 'sizes', 'src', 'srcset', 'type'],
+    p: [...(whiteList.p || []), 'align'],
+    div: [...(whiteList.p || []), 'align'],
   },
   css: {
     whiteList: {