Feature/modernize pricing page (#967)

* Simplify pricing page

* Update changelog

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Simplified the pricing page
+
 ## 1.153.0 - 27.05.2022
 
 ### Added

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

@@ -4,22 +4,19 @@
       <h3 class="d-flex justify-content-center mb-3 text-center" i18n>
         Pricing Plans
       </h3>
-      <mat-card class="mb-4">
-        <mat-card-content>
-          <p>
-            Our official
-            <strong>Ghostfolio Premium</strong> cloud offering is the easiest
-            way to get started. Due to the time it saves, this will be the best
-            option for most people. The revenue is used for covering the hosting
-            costs.
-          </p>
-          <p>
-            If you prefer to run <strong>Ghostfolio</strong> on your own
-            infrastructure, please find the source code and further instructions
-            on <a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>.
-          </p>
-        </mat-card-content>
-      </mat-card>
+      <div class="mb-4">
+        <p>
+          Our official
+          <strong>Ghostfolio Premium</strong> cloud offering is the easiest way
+          to get started. Due to the time it saves, this will be the best option
+          for most people. The revenue is used for covering the hosting costs.
+        </p>
+        <p>
+          If you prefer to run <strong>Ghostfolio</strong> on your own
+          infrastructure, please find the source code and further instructions
+          on <a href="https://github.com/ghostfolio/ghostfolio">GitHub</a>.
+        </p>
+      </div>
       <div class="row">
         <div class="col-xs-12 col-md-4 mb-3">
           <mat-card class="d-flex flex-column h-100">