Localize personal finance tools page

apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page-routing.module.ts

@@ -22,7 +22,7 @@ const routes: Routes = [
         path: `open-source-alternative-to-${key}`,
         loadComponent: () =>
           import(`./products/${key}-page.component`).then(() => component),
-        title: `Open Source Alternative to ${name}`
+        title: $localize`Open Source Alternative to ${name}`
       };
     })
 ];

apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html

@@ -5,7 +5,7 @@
         Discover Open Source Alternatives for Personal Finance Tools
       </h1>
       <div class="introduction mb-4">
-        <p>
+        <p i18n>
           This overview page features a curated collection of personal finance
           tools compared to the open source alternative
           <a [routerLink]="routerLinkAbout">Ghostfolio</a>. If you value
@@ -13,7 +13,7 @@
           provides an excellent opportunity to take control of your financial
           management.
         </p>
-        <p>
+        <p i18n>
           Explore the links below to compare a variety of personal finance tools
           with Ghostfolio.
         </p>
@@ -32,7 +32,7 @@
                 [routerLink]="[pathResources, 'personal-finance-tools', 'open-source-alternative-to-' + product.key]"
               >
                 <div class="flex-grow-1 overflow-hidden">
-                  <div class="h6 m-0 text-truncate">
+                  <div class="h6 m-0 text-truncate" i18n>
                     Open Source Alternative to {{ product.name }}
                   </div>
                 </div>

apps/client/src/app/pages/resources/personal-finance-tools/product-page-template.html

@@ -4,8 +4,9 @@
       <article>
         <div class="mb-4 text-center">
           <h1 class="mb-1">
-            <strong>Ghostfolio</strong>: The Open Source Alternative to
-            <strong>{{ product2.name }}</strong>
+            <strong>Ghostfolio</strong>:
+            <ng-container i18n>The Open Source Alternative to</ng-container
+            >&nbsp;<strong>{{ product2.name }}</strong>
           </h1>
         </div>
         <section class="mb-4">