Add translation Filter pipe
This issue is about separating data and its presentation.
Components should be as dumb as possible and not be bothered with translation logic. The translate pipe already does a good job in that regard, as components just put it in their templates right where the output needs translation and not any earlier.
Things get challenging when some data processing depends on the translation process: e.g. some data is meant to be filtered or sorted depending on the translation values.
What is to be done?
Create a pipe(s) that sorts/filters a given array of translatable object.
Filter: Take a FormControl or string value or callbackFn as filter paramter. return an Observable.
Sort: Take a callbackFn as sorting function PARAMTER. return an Observable.
Arrange for language changes.