Updated static error message on debug screen

refs https://github.com/TryGhost/Team/issues/2327

- updates major error message on email debug screen from the email model

ghost/admin/app/components/posts/debug.hbs

@@ -43,8 +43,8 @@
             <div class="gh-box gh-box-error gh-box-tip gh-email-debug-error">
                 {{svg-jar "warning"}}
                 <div class="gh-email-debug-errortext">
-                    <h4>Major error</h4>
+                    <h4>Something went wrong!</h4>
-                    <p class="mb0">This is the explanation of what happened.</p>
+                    <p class="mb0">{{this.emailError.message}}</p>
                 </div>
                 <button type="button" class="gh-btn gh-btn-primary gh-btn-icon gh-btn-red ember-view self-center"><span>Retry</span></button>
             </div>

ghost/admin/app/components/posts/debug.js

@@ -19,6 +19,14 @@ export default class Debug extends Component {
         return this.args.post;
     }
 
+    get emailError() {
+        if (this.post.email?.error) {
+            return {
+                message: this.post.email.error
+            }
+        }
+    }
+
     get emailSettings() {
         return {
             statusClass: this.post.email?.status,
@@ -68,6 +76,9 @@ export default class Debug extends Component {
             return {
                 id: failure.id,
                 code: failure.code,
+                failedAt: failure.failed_at ? moment(failure.failed_at).format('DD MMM, YYYY, HH:mm:ss') : '',
+                processedAt: failure.email_recipient.processed_at ? moment(failure.email_recipient.processed_at).format('DD MMM, YYYY, HH:mm:ss') : '',
+                batchId: failure.email_recipient.batch_id,
                 enhancedCode: failure.enhanced_code,
                 message: failure.message,
                 recipient: {