Fix mjml syntax for v4.

Author: lindapaiste

server/utils/renderMjml.js

@@ -1,10 +1,11 @@
-import { mjml2html } from 'mjml';
+import mjml2html from 'mjml';
 
 export default (template) => {
   try {
     const output = mjml2html(template);
     return output.html;
   } catch (e) {
+    console.error(e);
     // fall through to null
   }
 

server/views/consolidationMailLayout.js

@@ -21,10 +21,9 @@ export default ({
     </mj-raw>
   </mj-head>
   <mj-body>
-    <mj-container>
       <mj-section>
         <mj-column>
-          <mj-image width="192" src="${domain}/images/p5js-square-logo.png" alt="p5.js" />
+          <mj-image width="192px" src="${domain}/images/p5js-square-logo.png" alt="p5.js" />
           <mj-divider border-color="#ed225d"></mj-divider>
         </mj-column>
       </mj-section>
@@ -71,7 +70,6 @@ export default ({
           </mj-text>
         </mj-column>
       </mj-section>
-    </mj-container>
   </mj-body>
 </mjml>
 `;

server/views/mailLayout.js

@@ -18,10 +18,9 @@ export default ({
     </mj-raw>
   </mj-head>
   <mj-body>
-    <mj-container>
       <mj-section>
         <mj-column>
-          <mj-image width="192" src="${domain}/images/p5js-square-logo.png" alt="p5.js" />
+          <mj-image width="192px" src="${domain}/images/p5js-square-logo.png" alt="p5.js" />
           <mj-divider border-color="#ed225d"></mj-divider>
         </mj-column>
       </mj-section>
@@ -59,7 +58,6 @@ export default ({
           </mj-text>
         </mj-column>
       </mj-section>
-    </mj-container>
   </mj-body>
 </mjml>
 `;