Task/set performance in account detail dialog to experimental (#8286)

* Set performance to experimental

* Update changelog

CHANGELOG.md

@@ -13,7 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
-- Extended the account detail dialog to include the change and the performance
+- Extended the account detail dialog to include the change and the performance (experimental)
 - Improved the market price in the benchmark detail dialog by adding the currency and reducing the precision on mobile
 - Improved the style of the close button in the dialog footer component
 - Improved the style of the close button in the dialog header component

apps/client/src/app/components/account-detail-dialog/account-detail-dialog.html

@@ -49,57 +49,59 @@
               <gf-value
                 i18n
                 size="medium"
-                [colorizeSign]="true"
                 [isCurrency]="true"
-                [isLoading]="isLoadingChart"
+                [isLoading]="isLoading"
                 [locale]="user?.settings?.locale"
-                [precision]="netPerformanceWithCurrencyEffectPrecision"
+                [precision]="balancePrecision"
-                [unit]="user?.settings?.baseCurrency"
+                [unit]="currency"
-                [value]="netPerformanceWithCurrencyEffect"
+                [value]="balance"
-                >Change</gf-value
+                >Cash Balance</gf-value
               >
             </div>
             <div class="col-6 mb-3">
               <gf-value
                 i18n
                 size="medium"
-                [colorizeSign]="true"
+                [isCurrency]="true"
-                [isLoading]="isLoadingChart"
+                [isLoading]="isLoading"
-                [isPercent]="true"
                 [locale]="user?.settings?.locale"
-                [precision]="
+                [precision]="equityPrecision"
-                  netPerformancePercentageWithCurrencyEffectPrecision
+                [unit]="currency"
-                "
+                [value]="equity"
-                [value]="netPerformancePercentageWithCurrencyEffect"
+                >Equity</gf-value
-                >Performance</gf-value
               >
             </div>
+            @if (user?.settings?.isExperimentalFeatures) {
               <div class="col-6 mb-3">
                 <gf-value
                   i18n
                   size="medium"
+                  [colorizeSign]="true"
                   [isCurrency]="true"
-                [isLoading]="isLoading"
+                  [isLoading]="isLoadingChart"
                   [locale]="user?.settings?.locale"
-                [precision]="balancePrecision"
+                  [precision]="netPerformanceWithCurrencyEffectPrecision"
-                [unit]="currency"
+                  [unit]="user?.settings?.baseCurrency"
-                [value]="balance"
+                  [value]="netPerformanceWithCurrencyEffect"
-                >Cash Balance</gf-value
+                  >Change</gf-value
                 >
               </div>
               <div class="col-6 mb-3">
                 <gf-value
                   i18n
                   size="medium"
-                [isCurrency]="true"
+                  [colorizeSign]="true"
-                [isLoading]="isLoading"
+                  [isLoading]="isLoadingChart"
+                  [isPercent]="true"
                   [locale]="user?.settings?.locale"
-                [precision]="equityPrecision"
+                  [precision]="
-                [unit]="currency"
+                    netPerformancePercentageWithCurrencyEffectPrecision
-                [value]="equity"
+                  "
-                >Equity</gf-value
+                  [value]="netPerformancePercentageWithCurrencyEffect"
+                  >Performance</gf-value
                 >
               </div>
+            }
             <div class="col-6 mb-3">
               <gf-value
                 i18n