Extend personal finance tools with categories and platforms

apps/client/src/app/pages/resources/personal-finance-tools/product-page.component.ts

@@ -2,7 +2,6 @@ import { getCountryName } from '@ghostfolio/common/helper';
 import { Product } from '@ghostfolio/common/interfaces';
 import { personalFinanceTools } from '@ghostfolio/common/personal-finance-tools';
 import { publicRoutes } from '@ghostfolio/common/routes/routes';
-import { ProductCategory, ProductPlatform } from '@ghostfolio/common/types';
 import { translate } from '@ghostfolio/ui/i18n';
 import { DataService } from '@ghostfolio/ui/services';
 
@@ -95,22 +94,17 @@ export class GfProductPageComponent {
     return Array.from(
       new Set(
         [
-          ...(product1.categories ?? []).map((category: ProductCategory) => {
-            return translate(category);
-          }),
-          product1.name,
-          product1.origin,
-          ...(product1.platforms ?? []).map((platform: ProductPlatform) => {
-            return translate(platform);
-          }),
-          ...(product2.categories ?? []).map((category: ProductCategory) => {
-            return translate(category);
-          }),
-          product2.name,
-          product2.origin,
-          ...(product2.platforms ?? []).map((platform: ProductPlatform) => {
-            return translate(platform);
+          ...[product1, product2].flatMap(
+            ({ categories, name, origin, platforms }) => {
+              return [
+                ...[...(categories ?? []), ...(platforms ?? [])].map((key) => {
+                  return translate(key);
                 }),
+                name,
+                origin
+              ];
+            }
+          ),
           $localize`Alternative`,
           $localize`App`,
           $localize`Community`,