Feature/add LinkedIn page to about page and footer (#4378)

* Add LinkedIn page

* Update changelog

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
+- Added the Ghostfolio _LinkedIn_ page to the about page
+- Added the Ghostfolio _LinkedIn_ page to the footer
+
 ### Changed
 
 - Optimized the asynchronous operations using `Promise.all()` in the portfolio service (`getPerformance`)

apps/client/src/app/app.component.html

@@ -129,6 +129,15 @@
                 >GitHub<ion-icon class="ml-1" name="open-outline"
               /></a>
             </li>
+            <li>
+              <a
+                class="align-items-baseline d-flex"
+                href="https://linkedin.com/company/ghostfolio"
+                target="_blank"
+                title="Follow Ghostfolio on LinkedIn"
+                >LinkedIn<ion-icon class="ml-1" name="open-outline"
+              /></a>
+            </li>
             <li>
               <a
                 class="align-items-baseline d-flex"

apps/client/src/app/pages/about/overview/about-overview-page.html

@@ -73,6 +73,14 @@
           >.
         </p>
         <p class="align-items-center d-flex justify-content-center">
+          <a
+            class="mx-2"
+            href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
+            mat-icon-button
+            title="Join the Ghostfolio Slack community"
+          >
+            <ion-icon name="logo-slack" />
+          </a>
           <a
             class="mx-2"
             href="https://x.com/ghostfolio_"
@@ -91,14 +99,6 @@
               <ion-icon name="mail" />
             </a>
           }
-          <a
-            class="mx-2"
-            href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
-            mat-icon-button
-            title="Join the Ghostfolio Slack community"
-          >
-            <ion-icon name="logo-slack" />
-          </a>
           <a
             class="mx-2"
             href="https://github.com/ghostfolio/ghostfolio"
@@ -107,6 +107,14 @@
           >
             <ion-icon name="logo-github" />
           </a>
+          <a
+            class="mx-2"
+            href="https://linkedin.com/company/ghostfolio"
+            mat-icon-button
+            title="Follow Ghostfolio on LinkedIn"
+          >
+            <ion-icon name="logo-linkedin" />
+          </a>
         </p>
         @if (hasPermissionForSubscription) {
           <div class="d-flex justify-content-center">