Left align text in first two onboarding speech bubbles

The "Hi there" and "Protections activated!" steps had centered
headings and body copy while the rest of the steps were left-aligned.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: noisysocks

special-pages/pages/onboarding/app/v4/components/GetStartedContent.module.css

@@ -21,7 +21,7 @@
     font-size: calc(18 * var(--px-in-rem));
     font-weight: 400;
     line-height: calc(22 * var(--px-in-rem));
-    text-align: center;
+    text-align: left;
     color: var(--ds-text-primary);
     word-wrap: break-word;
     text-box-trim: trim-both;

special-pages/pages/onboarding/app/v4/components/MakeDefaultContent.module.css

@@ -4,6 +4,7 @@
 
 .titleContainer {
     position: relative;
+    align-self: stretch;
 }
 
 .title {

special-pages/pages/onboarding/app/v4/components/Title.module.css

@@ -3,7 +3,7 @@
     font-size: var(--sp-6); /* 24px */
     font-weight: 700;
     line-height: var(--sp-7); /* 28px */
-    text-align: center;
+    text-align: left;
     color: var(--ds-text-primary);
     word-wrap: break-word;
     text-box-trim: trim-both;