fix: translate simple pipe doesn't update on language changes

src/app/translation/translate-simple.pipe.ts

@@ -0,0 +1,71 @@
+/*
+ * Copyright (C) 2023 StApps
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+import {Injectable, OnDestroy, Pipe, PipeTransform} from '@angular/core';
+import {TranslateService} from '@ngx-translate/core';
+import {get} from '../_helpers/collections/get';
+import {Subscription} from 'rxjs';
+
+@Injectable()
+@Pipe({
+  name: 'translateSimple',
+  pure: false,
+})
+export class TranslateSimplePipe implements PipeTransform, OnDestroy {
+  value: unknown;
+
+  query: unknown;
+
+  thing: unknown;
+
+  onLangChange: Subscription;
+
+  constructor(private readonly translate: TranslateService) {}
+
+  // eslint-disable-next-line @typescript-eslint/ban-types
+  private updateValue() {
+    try {
+      this.value =
+        get(
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          (this.thing as any).translations[this.translate.currentLang] ?? this.thing,
+          this.query as string,
+        ) ?? this.thing;
+    } catch (error) {
+      console.warn(`${this.query}: ${error}`);
+      this.value = this.thing;
+    }
+  }
+
+  transform<T extends object, P extends string[] | string | keyof T>(
+    query: P,
+    thing: T,
+  ): P extends keyof T ? T[P] : P | unknown {
+    // store the params, in case they change
+    this.query = query;
+    this.thing = thing;
+
+    this.updateValue();
+
+    this.onLangChange ??= this.translate.onLangChange.subscribe(() => {
+      this.updateValue();
+    });
+
+    return this.value as never;
+  }
+
+  ngOnDestroy(): void {
+    this.onLangChange?.unsubscribe();
+  }
+}