fix(mjml-section / skeleton): column-align default updated / removed apple message formatting

- Updated column-align default and inheritance from text-align as the colum-align default was overriding the user specified text-align value

- removed <meta name="x-apple-disable-message-reformatting"> from skeleton as it's legacy code (iOS9 and bellow)

Co-authored-by: Copilot <copilot@github.com>

Author: dazgreer

packages/mjml-core/src/helpers/skeleton.js

@@ -36,7 +36,6 @@ export default function skeleton(options) {
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
     <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
-    <meta name="x-apple-disable-message-reformatting">
     ${
       supportDarkMode
         ? '<meta name="color-scheme" content="light dark">\n    <meta name="supported-color-schemes" content="light dark">'

packages/mjml-section/src/index.js

@@ -35,14 +35,13 @@ export default class MjSection extends BodyComponent {
 
   static defaultAttributes = {
     'background-position': 'top center',
-    'column-align': 'center',
     padding: '20px 0',
     'text-align': 'center',
     'text-padding': '4px 4px 4px 0',
   }
 
   getColumnAlign() {
-    return this.getAttribute('column-align') || this.getAttribute('text-align')
+    return this.getAttribute('column-align') || this.getAttribute('text-align') || 'center'
   }
 
   getChildContext() {