Implement ROI portfolio calculator

apps/client/src/app/components/portfolio-summary/portfolio-summary.component.html

@@ -149,27 +149,24 @@
   <div class="d-flex py-1">
     <div class="flex-grow-1 indent-1 text-truncate">
       <ng-container i18n>Net Performance</ng-container>
-      @if (
-        user?.settings?.performanceCalculationType ===
-        PerformanceCalculationType.ROAI
-      ) {
+      @switch (user?.settings?.performanceCalculationType) {
+        @case (PerformanceCalculationType.ROAI) {
           <abbr
             class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
             i18n-title
             title="Return on Average Investment (total return with dividends)"
             >(ROAI)</abbr
           >
-      } @else if (
-        user?.settings?.performanceCalculationType ===
-        PerformanceCalculationType.ROI
-      ) {
+        }
+        @case (PerformanceCalculationType.ROI) {
           <abbr
-          class="d-none d-sm-inline-block initialism ml-2 text-muted"
+            class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
             i18n-title
             title="Return on Investment (total return with dividends)"
             >(ROI)</abbr
           >
         }
+      }
     </div>
     <div class="flex-column flex-wrap justify-content-end">
       <gf-value

apps/client/src/app/pages/portfolio/analysis/analysis-page.html

@@ -254,27 +254,24 @@
           <div class="d-flex ms-3 py-1">
             <div class="flex-grow-1 me-2 text-truncate">
               <ng-container i18n>Net Performance</ng-container>
-              @if (
-                user?.settings?.performanceCalculationType ===
-                PerformanceCalculationType.ROAI
-              ) {
+              @switch (user?.settings?.performanceCalculationType) {
+                @case (PerformanceCalculationType.ROAI) {
                   <abbr
                     class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
                     i18n-title
                     title="Return on Average Investment (total return with dividends)"
                     >(ROAI)</abbr
                   >
-              } @else if (
-                user?.settings?.performanceCalculationType ===
-                PerformanceCalculationType.ROI
-              ) {
+                }
+                @case (PerformanceCalculationType.ROI) {
                   <abbr
-                  class="d-none d-sm-inline-block initialism ml-2 text-muted"
+                    class="d-none d-sm-inline-block initialism ms-2 text-body-secondary"
                     i18n-title
                     title="Return on Investment (total return with dividends)"
                     >(ROI)</abbr
                   >
                 }
+              }
             </div>
             <div class="d-flex justify-content-end">
               <gf-value