Inconsistent and incorrect use of translate directive

The translate directive of angular-translate is not used consistently. In particular, one of the ways it is being used causes problems with page reloads:

<ANY translate="TRANSLATION_KEYS">Some Content</ANY> will not work correctly when the user reloads the page (no translation anymore).

The goal of this task is to go through all HTML templates of the Webapp and ensure that the translate directive is used consistently. Discussion at the technical meeting revealed the following preference:

<ANY translate="TRANSLATION_KEY"><!-- en-US translation --></ANY>

for sake of readability.

Steps to reproduce:
1. Go the Recordings->Events
2. Change language to any language other than en-US
3. Open event details of an existing events
4. Reload page

Actual Results:
Page is not translated anymore

Expected Results:
Page should still be translated

Workaround (if any):