Task/extend features and pricing page with MCP (#8027)

* Add Ghostfolio MCP

* Update changelog

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the server of the Model Context Protocol (MCP) to the features page (experimental)
+
 ### Changed
 
 - Improved the label of the cash positions in the holdings charts and table

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

@@ -206,6 +206,29 @@
             </mat-card-content>
           </mat-card>
         </div>
+        <div class="col-xs-12 col-md-4 mb-3">
+          <mat-card appearance="outlined" class="d-flex flex-column h-100">
+            <mat-card-content>
+              <div class="flex-grow-1">
+                <h4 class="align-items-center d-flex">
+                  <span>Ghostfolio MCP</span>
+                  @if (hasPermissionForSubscription) {
+                    <gf-premium-indicator class="ml-1" />
+                  }
+                  <span
+                    class="badge badge-pill badge-secondary ml-2 text-uppercase"
+                    i18n
+                    >new</span
+                  >
+                </h4>
+                <p class="m-0">
+                  Let your AI client read your portfolio and import activities
+                  into it via the Model Context Protocol (MCP).
+                </p>
+              </div>
+            </mat-card-content>
+          </mat-card>
+        </div>
         @if (hasPermissionForSubscription) {
           <div class="col-xs-12 col-md-4 mb-3">
             <mat-card appearance="outlined" class="d-flex flex-column h-100">

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

@@ -58,6 +58,10 @@
                     <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>FIRE Calculator</span>
                   </li>
+                  <li class="align-items-center d-flex mb-1">
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
+                    <span>Ghostfolio MCP</span>
+                  </li>
                   <li class="align-items-center d-flex mb-1">
                     <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Data Import and Export</span>
@@ -215,6 +219,10 @@
                     <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>FIRE Calculator</span>
                   </li>
+                  <li class="align-items-center d-flex mb-1">
+                    <ion-icon class="mr-1" name="checkmark-circle-outline" />
+                    <span>Ghostfolio MCP</span>
+                  </li>
                   <li class="align-items-center d-flex">
                     <ion-icon class="mr-1" name="checkmark-circle-outline" />
                     <span i18n>Professional Data Provider</span>