Add introduction

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

@@ -4,9 +4,11 @@
       <h3 class="d-none d-sm-block mb-3 text-center" i18n>
         Discover Open Source Alternatives for Personal Finance Tools
       </h3>
+      <div class="introduction mb-4">
         <p>
           This overview page features a curated collection of personal finance
-        tools compared to the open source alternative Ghostfolio. If you value
+          tools compared to the open source alternative
+          <a [routerLink]="['/about']">Ghostfolio</a>. If you value
           transparency, data privacy, and community collaboration, Ghostfolio
           provides an excellent opportunity to take control of your financial
           management.
@@ -15,6 +17,7 @@
           Explore the links below to compare a variety of personal finance tools
           with Ghostfolio.
         </p>
+      </div>
       <mat-card
         *ngFor="let product of products"
         appearance="outlined"

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

@@ -1,6 +1,17 @@
 :host {
   color: rgb(var(--dark-primary-text));
   display: block;
+
+  .introduction {
+    a {
+      color: rgba(var(--palette-primary-500), 1);
+      font-weight: 500;
+
+      &:hover {
+        color: rgba(var(--palette-primary-300), 1);
+      }
+    }
+  }
 }
 
 :host-context(.is-dark-theme) {