Add translations for views (#325) (#328)

* Add translations for views (#325)

---------

Co-authored-by: Kevin <60135953+kev-ac@users.noreply.github.com>

apps/client/src/common/components/title-card/TitleCard.tsx

@@ -1,3 +1,5 @@
+import { useTranslation } from '../../../translation/TranslationProvider';
+
 import './TitleCard.scss';
 
 interface TitleCardProps {
@@ -9,13 +11,15 @@ interface TitleCardProps {
 
 export default function TitleCard(props: TitleCardProps) {
   const { label, title, subtitle, presenter } = props;
+  const { getLocalizedString } = useTranslation();
+
   const accent = label === 'now';
 
   return (
     <div className='title-card'>
       <div className='inline'>
         <span className='presenter'>{presenter}</span>
-        <span className={accent? 'label accent': 'label'}>{label}</span>
+        <span className={accent ? 'label accent' : 'label'}>{getLocalizedString(`common.${label}`)}</span>
       </div>
       <div className='title'>{title}</div>
       <div className='subtitle'>{subtitle}</div>

apps/client/src/common/models/View.types.ts

@@ -12,4 +12,5 @@ export type OverridableOptions = {
   hideOvertime?: boolean;
   hideMessagesOverlay?: boolean;
   hideEndMessage?: boolean;
+  language?: string;
 };