Add available home server systems

apps/client/src/app/pages/faq/self-hosting/self-hosting-page.html

@@ -18,6 +18,25 @@
           <a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>.
         </mat-card-content>
       </mat-card>
+      <mat-card appearance="outlined" class="mb-3">
+        <mat-card-header>
+          <mat-card-title
+            >Which home server systems is Ghostfolio available
+            on?</mat-card-title
+          >
+        </mat-card-header>
+        <mat-card-content>
+          The community has made Ghostfolio available on various home server
+          systems, including
+          <a href="https://github.com/bigbeartechworld/big-bear-casaos"
+            >CasaOS</a
+          >, <a href="https://www.runtipi.io/docs/apps-available">Runtipi</a>,
+          <a href="https://truecharts.org/charts/stable/ghostfolio"
+            >TrueCharts</a
+          >, <a href="https://apps.umbrel.com/app/ghostfolio">Umbrel</a>, and
+          <a href="https://unraid.net/community/apps?q=ghostfolio">Unraid</a>.
+        </mat-card-content>
+      </mat-card>
       <mat-card appearance="outlined" class="mb-3">
         <mat-card-header>
           <mat-card-title>How do I add a new currency?</mat-card-title>

apps/client/src/app/pages/resources/resources-page.component.ts

@@ -14,6 +14,7 @@ import { Subject } from 'rxjs';
 export class ResourcesPageComponent implements OnInit {
   public hasPermissionForSubscription: boolean;
   public info: InfoItem;
+  public routerLinkFaq = ['/' + $localize`faq`];
   public routerLinkResourcesPersonalFinanceTools = [
     '/' + $localize`resources`,
     'personal-finance-tools'

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

@@ -2,6 +2,23 @@
   <div class="row">
     <div class="col">
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>Resources</h1>
+      <h2 class="h4 mb-3" i18n>Ghostfolio</h2>
+      <div class="mb-5">
+        <div class="mb-4 media">
+          <div class="media-body">
+            <h3 class="h5 mt-0">Frequently Asked Questions (FAQ)</h3>
+            <div class="mb-1">
+              Find quick answers to commonly asked questions about Ghostfolio in
+              our Frequently Asked Questions (FAQ) section.
+            </div>
+            <div>
+              <a [routerLink]="routerLinkFaq"
+                >Frequently Asked Questions (FAQ) →</a
+              >
+            </div>
+          </div>
+        </div>
+      </div>
       <h2 class="h4 mb-3" i18n>Guides</h2>
       <div class="mb-5">
         <div class="mb-4 media">