Extend pricing page

apps/client/src/app/pages/pricing/pricing-page.html

@@ -326,25 +326,41 @@
     <div class="row">
       <div class="col mt-3">
         <p>
-          If you plan to open an account at
+          <ng-container i18n>If you plan to open an account at</ng-container>
-          @for (broker of referralBrokers; track broker; let i = $index) {
+          <ng-container>&nbsp;</ng-container>
-            @if (i > 0) {
+          @for (
-              @if (i === referralBrokers.length - 1) {
+            broker of referralBrokers;
-                or
+            track broker;
+            let i = $index;
+            let last = $last
+          ) {
+            <i>{{ broker }}</i>
+            @if (last) {
+              <span>, </span>
+            } @else {
+              @if (i === referralBrokers.length - 2) {
+                <ng-container i18n> or </ng-container>
               } @else {
-                ,
+                <span>, </span>
               }
             }
-            <i>{{ broker }}</i>
           }
-          , please
+          <ng-container i18n>please</ng-container>
-          <a href="mailto:hi@ghostfol.io?Subject=Referral link for..."
+          <ng-container>&nbsp;</ng-container>
+          <a href="mailto:hi@ghostfol.io?Subject=Referral link for..." i18n
             >contact us</a
           >
-          to use our referral link and get a Ghostfolio Premium membership for
+          <ng-container>&nbsp;</ng-container>
-          one year. Looking for a student discount? Request it
+          <ng-container i18n
-          <a href="mailto:hi@ghostfol.io?Subject=Student Discount">here</a>
+            >to use our referral link and get a Ghostfolio Premium membership
-          with your university e-mail address.
+            for one year</ng-container
+          >. <ng-container i18n>Looking for a student discount?</ng-container>
+          <ng-container>&nbsp;</ng-container>
+          <ng-container i18n>Request it</ng-container>
+          <ng-container>&nbsp;</ng-container>
+          <a href="mailto:hi@ghostfol.io?Subject=Student Discount" i18n>here</a>
+          <ng-container>&nbsp;</ng-container>
+          <ng-container i18n>with your university e-mail address</ng-container>.
         </p>
       </div>
     </div>