diff --git a/packages/pds/src/mailer/templates/account-activated.hbs b/packages/pds/src/mailer/templates/account-activated.hbs
index 58d459ae7b5..d29327fec43 100644
--- a/packages/pds/src/mailer/templates/account-activated.hbs
+++ b/packages/pds/src/mailer/templates/account-activated.hbs
@@ -1,139 +1,450 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 <html>
   <head>
-    <!-- Compiled with Bootstrap Email version: 1.4.0 --><meta http-equiv="x-ua-compatible" content="ie=edge">
-    <meta name="x-apple-disable-message-reformatting">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="format-detection" content="telephone=no, date=no, address=no, email=no">
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <!-- Compiled with Bootstrap Email version: 1.4.0 --><meta
+      http-equiv="x-ua-compatible"
+      content="ie=edge"
+    />
+    <meta name="x-apple-disable-message-reformatting" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="format-detection"
+      content="telephone=no, date=no, address=no, email=no"
+    />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <style type="text/css">
-      body,table,td{font-family:Helvetica,Arial,sans-serif !important}.ExternalClass{width:100%}.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{line-height:150%}a{text-decoration:none}*{color:inherit}a[x-apple-data-detectors],u+#body a,#MessageViewBody a{color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}img{-ms-interpolation-mode:bicubic}table:not([class^=s-]){font-family:Helvetica,Arial,sans-serif;mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-collapse:collapse}table:not([class^=s-]) td{border-spacing:0px;border-collapse:collapse}@media screen and (max-width: 600px){.w-full,.w-full>tbody>tr>td{width:100% !important}*[class*=s-lg-]>tbody>tr>td{font-size:0 !important;line-height:0 !important;height:0 !important}.s-2>tbody>tr>td{font-size:8px !important;line-height:8px !important;height:8px !important}.s-4>tbody>tr>td{font-size:16px !important;line-height:16px !important;height:16px !important}.s-5>tbody>tr>td{font-size:20px !important;line-height:20px !important;height:20px !important}.s-10>tbody>tr>td{font-size:40px !important;line-height:40px !important;height:40px !important}}
+      body,table,td{font-family:Helvetica,Arial,sans-serif
+      !important}.ExternalClass{width:100%}.ExternalClass,.ExternalClass
+      p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass
+      div{line-height:150%}a{text-decoration:none}*{color:inherit}a[x-apple-data-detectors],u+#body
+      a,#MessageViewBody
+      a{color:inherit;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit}img{-ms-interpolation-mode:bicubic}table:not([class^=s-]){font-family:Helvetica,Arial,sans-serif;mso-table-lspace:0pt;mso-table-rspace:0pt;border-spacing:0px;border-collapse:collapse}table:not([class^=s-])
+      td{border-spacing:0px;border-collapse:collapse}@media screen and
+      (max-width: 600px){.w-full,.w-full>tbody>tr>td{width:100%
+      !important}*[class*=s-lg-]>tbody>tr>td{font-size:0
+      !important;line-height:0 !important;height:0
+      !important}.s-2>tbody>tr>td{font-size:8px !important;line-height:8px
+      !important;height:8px !important}.s-4>tbody>tr>td{font-size:16px
+      !important;line-height:16px !important;height:16px
+      !important}.s-5>tbody>tr>td{font-size:20px !important;line-height:20px
+      !important;height:20px !important}.s-10>tbody>tr>td{font-size:40px
+      !important;line-height:40px !important;height:40px !important}}
     </style>
   </head>
-  <body class="bg-light" style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;" bgcolor="#f7fafc">
-    <div class="preview" style="display: none; max-height: 0px; overflow: hidden;">
-      Head over to the Bluesky app to sign in&#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; 
+  <body
+    class="bg-light"
+    style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;"
+    bgcolor="#f7fafc"
+  >
+    <div
+      class="preview"
+      style="display: none; max-height: 0px; overflow: hidden;"
+    >
+      Head over to the Bluesky app to sign in&#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847;
+      &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204;
+      &#160; &#847; &#8204; &#160; &#847; &#8204; &#160; &#847; &#8204; &#160;
+      &#847; &#8204; &#160;
     </div>
-    <table class="bg-light body" valign="top" role="presentation" border="0" cellpadding="0" cellspacing="0" style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;" bgcolor="#f7fafc">
+    <table
+      class="bg-light body"
+      valign="top"
+      role="presentation"
+      border="0"
+      cellpadding="0"
+      cellspacing="0"
+      style="outline: 0; width: 100%; min-width: 100%; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-weight: normal; font-size: 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000000; margin: 0; padding: 0; border-width: 0;"
+      bgcolor="#f7fafc"
+    >
       <tbody>
         <tr>
-          <td valign="top" style="line-height: 24px; font-size: 16px; margin: 0;" align="left" bgcolor="#f7fafc">
-            <table class="container" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
+          <td
+            valign="top"
+            style="line-height: 24px; font-size: 16px; margin: 0;"
+            align="left"
+            bgcolor="#f7fafc"
+          >
+            <table
+              class="container"
+              role="presentation"
+              border="0"
+              cellpadding="0"
+              cellspacing="0"
+              style="width: 100%;"
+            >
               <tbody>
                 <tr>
-                  <td align="center" style="line-height: 24px; font-size: 16px; margin: 0; padding: 0 16px;">
+                  <td
+                    align="center"
+                    style="line-height: 24px; font-size: 16px; margin: 0; padding: 0 16px;"
+                  >
                     <!--[if (gte mso 9)|(IE)]>
                       <table align="center" role="presentation">
                         <tbody>
                           <tr>
                             <td width="600">
                     <![endif]-->
-                    <table align="center" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 600px; margin: 0 auto;">
+                    <table
+                      align="center"
+                      role="presentation"
+                      border="0"
+                      cellpadding="0"
+                      cellspacing="0"
+                      style="width: 100%; max-width: 600px; margin: 0 auto;"
+                    >
                       <tbody>
                         <tr>
-                          <td style="line-height: 24px; font-size: 16px; margin: 0;" align="left">
-                            <table class="s-10 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                          <td
+                            style="line-height: 24px; font-size: 16px; margin: 0;"
+                            align="left"
+                          >
+                            <table
+                              class="s-10 w-full"
+                              role="presentation"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="width: 100%;"
+                              width="100%"
+                            >
                               <tbody>
                                 <tr>
-                                  <td style="line-height: 40px; font-size: 40px; width: 100%; height: 40px; margin: 0;" align="left" width="100%" height="40">
+                                  <td
+                                    style="line-height: 40px; font-size: 40px; width: 100%; height: 40px; margin: 0;"
+                                    align="left"
+                                    width="100%"
+                                    height="40"
+                                  >
                                     &#160;
                                   </td>
                                 </tr>
                               </tbody>
                             </table>
-                            <table class="card" role="presentation" border="0" cellpadding="0" cellspacing="0" style="border-radius: 6px; border-collapse: separate !important; width: 100%; overflow: hidden; border: 1px solid #e2e8f0;" bgcolor="#ffffff">
+                            <table
+                              class="card"
+                              role="presentation"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="border-radius: 6px; border-collapse: separate !important; width: 100%; overflow: hidden; border: 1px solid #e2e8f0;"
+                              bgcolor="#ffffff"
+                            >
                               <tbody>
                                 <tr>
-                                  <td style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;" align="left" bgcolor="#ffffff">
-                                    <table class="card-body" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
+                                  <td
+                                    style="line-height: 24px; font-size: 16px; width: 100%; margin: 0;"
+                                    align="left"
+                                    bgcolor="#ffffff"
+                                  >
+                                    <table
+                                      class="card-body"
+                                      role="presentation"
+                                      border="0"
+                                      cellpadding="0"
+                                      cellspacing="0"
+                                      style="width: 100%;"
+                                    >
                                       <tbody>
                                         <tr>
-                                          <td style="line-height: 24px; font-size: 16px; width: 100%; margin: 0; padding: 20px;" align="left">
-                                            <a href="https://bsky.app/" target="_blank" style="color: #0d6efd;">
-                                              <img class="img-fluid" src="https://bsky.social/about/images/social-card-default-gradient.png" alt="Bluesky" style="height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; max-width: 100%; width: 100%; border-style: none; border-width: 0;" width="100%">
+                                          <td
+                                            style="line-height: 24px; font-size: 16px; width: 100%; margin: 0; padding: 20px;"
+                                            align="left"
+                                          >
+                                            <a
+                                              href="https://bsky.app/"
+                                              target="_blank"
+                                              style="color: #0d6efd;"
+                                            >
+                                              <img
+                                                class="img-fluid"
+                                                src="https://bsky.social/about/images/social-card-default-gradient.png"
+                                                alt="Bluesky"
+                                                style="height: auto; line-height: 100%; outline: none; text-decoration: none; display: block; max-width: 100%; width: 100%; border-style: none; border-width: 0;"
+                                                width="100%"
+                                              />
                                             </a>
-                                            <table class="s-4 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                                            <table
+                                              class="s-4 w-full"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                              width="100%"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 16px; font-size: 16px; width: 100%; height: 16px; margin: 0;" align="left" width="100%" height="16">
+                                                  <td
+                                                    style="line-height: 16px; font-size: 16px; width: 100%; height: 16px; margin: 0;"
+                                                    align="left"
+                                                    width="100%"
+                                                    height="16"
+                                                  >
                                                     &#160;
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <h5 class="text-gray-600" style="color: #718096; padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 20px; line-height: 24px; margin: 0;" align="left">Great news!</h5>
-                                            <table class="s-2 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                                            <h5
+                                              class="text-gray-600"
+                                              style="color: #718096; padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 20px; line-height: 24px; margin: 0;"
+                                              align="left"
+                                            >Great news!</h5>
+                                            <table
+                                              class="s-2 w-full"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                              width="100%"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 8px; font-size: 8px; width: 100%; height: 8px; margin: 0;" align="left" width="100%" height="8">
+                                                  <td
+                                                    style="line-height: 8px; font-size: 8px; width: 100%; height: 8px; margin: 0;"
+                                                    align="left"
+                                                    width="100%"
+                                                    height="8"
+                                                  >
                                                     &#160;
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <h1 class="h4" style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 24px; line-height: 28.8px; margin: 0;" align="left">Your Bluesky account is activated.</h1>
-                                            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                                            <h1
+                                              class="h4"
+                                              style="padding-top: 0; padding-bottom: 0; font-weight: 500; vertical-align: baseline; font-size: 24px; line-height: 28.8px; margin: 0;"
+                                              align="left"
+                                            >Your Bluesky account is activated.</h1>
+                                            <table
+                                              class="s-5 w-full"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                              width="100%"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
+                                                  <td
+                                                    style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;"
+                                                    align="left"
+                                                    width="100%"
+                                                    height="20"
+                                                  >
                                                     &#160;
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
+                                            <table
+                                              class="hr"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #e2e8f0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
+                                                  <td
+                                                    style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #e2e8f0; border-top-style: solid; height: 1px; width: 100%; margin: 0;"
+                                                    align="left"
+                                                  >
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                                            <table
+                                              class="s-5 w-full"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                              width="100%"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
+                                                  <td
+                                                    style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;"
+                                                    align="left"
+                                                    width="100%"
+                                                    height="20"
+                                                  >
                                                     &#160;
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
                                             <div class="space-y-3">
-                                              <p class="text-gray-700" style="line-height: 24px; font-size: 16px; color: #4a5568; width: 100%; margin: 0;" align="left">
-                                                Head over to the <a href="https://bsky.app/" target="_blank" style="color: #0d6efd;">Bluesky app</a> and sign in with your handle: {{handle}}.
+                                              <p
+                                                class="text-gray-700"
+                                                style="line-height: 24px; font-size: 16px; color: #4a5568; width: 100%; margin: 0;"
+                                                align="left"
+                                              >
+                                                Head over to the
+                                                <a
+                                                  href="https://bsky.app/"
+                                                  target="_blank"
+                                                  style="color: #0d6efd;"
+                                                >Bluesky app</a>
+                                                and sign in with your handle:
+                                                {{handle}}.
                                               </p>
                                             </div>
-                                            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                                            <table
+                                              class="s-5 w-full"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                              width="100%"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
+                                                  <td
+                                                    style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;"
+                                                    align="left"
+                                                    width="100%"
+                                                    height="20"
+                                                  >
                                                     &#160;
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <table class="hr" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
+                                            <table
+                                              class="hr"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #e2e8f0; border-top-style: solid; height: 1px; width: 100%; margin: 0;" align="left">
+                                                  <td
+                                                    style="line-height: 24px; font-size: 16px; border-top-width: 1px; border-top-color: #e2e8f0; border-top-style: solid; height: 1px; width: 100%; margin: 0;"
+                                                    align="left"
+                                                  >
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <table class="s-5 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                                            <table
+                                              class="s-5 w-full"
+                                              role="presentation"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="width: 100%;"
+                                              width="100%"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;" align="left" width="100%" height="20">
+                                                  <td
+                                                    style="line-height: 20px; font-size: 20px; width: 100%; height: 20px; margin: 0;"
+                                                    align="left"
+                                                    width="100%"
+                                                    height="20"
+                                                  >
                                                     &#160;
                                                   </td>
                                                 </tr>
                                               </tbody>
                                             </table>
-                                            <table class="btn btn-primary btn-lg ax-center" role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" style="border-radius: 6px; border-collapse: separate !important; margin: 0 auto;">
+                                            <table
+                                              class="btn btn-primary btn-lg ax-center"
+                                              role="presentation"
+                                              align="center"
+                                              border="0"
+                                              cellpadding="0"
+                                              cellspacing="0"
+                                              style="border-radius: 6px; border-collapse: separate !important; margin: 0 auto;"
+                                            >
                                               <tbody>
                                                 <tr>
-                                                  <td style="line-height: 24px; font-size: 16px; border-radius: 6px; margin: 0;" align="center" bgcolor="#0d6efd">
-                                                    <a href="https://bsky.app/" target="_blank" style="color: #ffffff; font-size: 20px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; border-radius: 9px; line-height: 25px; display: block; font-weight: normal; white-space: nowrap; background-color: #0d6efd; padding: 8px 16px; border: 1px solid #0d6efd;">Sign In to Bluesky</a>
+                                                  <td
+                                                    style="line-height: 24px; font-size: 16px; border-radius: 6px; margin: 0;"
+                                                    align="center"
+                                                    bgcolor="#0d6efd"
+                                                  >
+                                                    <a
+                                                      href="https://bsky.app/"
+                                                      target="_blank"
+                                                      style="color: #ffffff; font-size: 20px; font-family: Helvetica, Arial, sans-serif; text-decoration: none; border-radius: 9px; line-height: 25px; display: block; font-weight: normal; white-space: nowrap; background-color: #0d6efd; padding: 8px 16px; border: 1px solid #0d6efd;"
+                                                    >Sign In to Bluesky</a>
                                                   </td>
                                                 </tr>
                                               </tbody>
@@ -146,10 +457,23 @@
                                 </tr>
                               </tbody>
                             </table>
-                            <table class="s-10 w-full" role="presentation" border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
+                            <table
+                              class="s-10 w-full"
+                              role="presentation"
+                              border="0"
+                              cellpadding="0"
+                              cellspacing="0"
+                              style="width: 100%;"
+                              width="100%"
+                            >
                               <tbody>
                                 <tr>
-                                  <td style="line-height: 40px; font-size: 40px; width: 100%; height: 40px; margin: 0;" align="left" width="100%" height="40">
+                                  <td
+                                    style="line-height: 40px; font-size: 40px; width: 100%; height: 40px; margin: 0;"
+                                    align="left"
+                                    width="100%"
+                                    height="40"
+                                  >
                                     &#160;
                                   </td>
                                 </tr>
@@ -174,4 +498,4 @@
       </tbody>
     </table>
   </body>
-</html>
+</html>
\ No newline at end of file
