Feature/restructure pricing page (#4916)

* Restructure content

* Update changelog

CHANGELOG.md

@@ -16,6 +16,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Improved the style of the assistant
 - Reused the value component in the data providers management of the admin control panel
 - Set the market state of exchange rate symbols to `open` in the _Financial Modeling Prep_ service
+- Restructured the content of the pricing page
 - Migrated the `@ghostfolio/ui/assistant` component to control flow
 - Migrated the `@ghostfolio/ui/value` component to control flow
 - Migrated the `HtmlTemplateMiddleware` to use `@Injectable()`

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

@@ -4,25 +4,17 @@
       <h1 class="d-none d-sm-block h3 mb-4 text-center" i18n>Pricing Plans</h1>
       <div class="mb-4">
         <p i18n>
-          Our official Ghostfolio Premium cloud offering is the easiest way to
-          get started. Due to the time it saves, this will be the best option
-          for most people. Revenue is used to cover the costs of the hosting
-          infrastructure and to fund ongoing development.
+          Our official
+          <span class="align-items-center d-inline-flex"
+            >Ghostfolio Premium<gf-premium-indicator
+              class="d-inline-block ml-1"
+              [enableLink]="false"
+          /></span>
+          cloud offering is the easiest way to get started. Due to the time it
+          saves, this will be the best option for most people. Revenue is used
+          to cover the costs of the hosting infrastructure and to fund ongoing
+          development.
         </p>
-        @if (user?.subscription?.type === 'Basic') {
-          <p>
-            If you plan to open an account at <i>DEGIRO</i>, <i>finpension</i>,
-            <i>frankly</i>, <i>Interactive Brokers</i>, <i>Swissquote</i>,
-            <i>VIAC</i>, or <i>Zak</i>, please
-            <a href="mailto:hi@ghostfol.io?Subject=Referral link for..."
-              >contact us</a
-            >
-            to use our referral link and get a Ghostfolio Premium membership for
-            one year. Looking for a student discount? Request it
-            <a href="mailto:hi@ghostfol.io?Subject=Student Discount">here</a>
-            with your university e-mail address.
-          </p>
-        }
         <p i18n>
           If you prefer to run Ghostfolio on your own infrastructure, please
           find the source code and further instructions on
@@ -331,7 +323,24 @@
       </div>
     </div>
   </div>
-  @if (!user) {
+  @if (user?.subscription?.type === 'Basic') {
+    <div class="row">
+      <div class="col mt-3">
+        <p>
+          If you plan to open an account at <i>DEGIRO</i>, <i>finpension</i>,
+          <i>frankly</i>, <i>Interactive Brokers</i>, <i>Swissquote</i>,
+          <i>VIAC</i>, or <i>Zak</i>, please
+          <a href="mailto:hi@ghostfol.io?Subject=Referral link for..."
+            >contact us</a
+          >
+          to use our referral link and get a Ghostfolio Premium membership for
+          one year. Looking for a student discount? Request it
+          <a href="mailto:hi@ghostfol.io?Subject=Student Discount">here</a>
+          with your university e-mail address.
+        </p>
+      </div>
+    </div>
+  } @else if (!user) {
     <div class="row">
       <div class="col mt-3 text-center">
         <a