feat: implement logo in all views

apps/client/src/views/timeline/TimelinePage.scss

@@ -18,10 +18,17 @@
     font-size: clamp(32px, 4.5vw, 64px);
     font-weight: 600;
     display: flex;
-    justify-content: space-between;
+    gap: 1rem;
+  }
+
+  .logo {
+    max-width: min(200px, 20vw);
+    max-height: min(100px, 20vh);
   }
 
   .clock-container {
+    margin-left: auto;
+
     .label {
       font-size: clamp(16px, 1.5vw, 24px);
       font-weight: 600;

apps/client/src/views/timeline/TimelinePage.tsx

@@ -1,6 +1,7 @@
 import { useMemo } from 'react';
 import { MaybeString, OntimeEvent, ProjectData, Runtime, Settings } from 'ontime-types';
 
+import ViewLogo from '../../common/components/view-logo/ViewLogo';
 import ViewParamsEditor from '../../common/components/view-params-editor/ViewParamsEditor';
 import { useWindowTitle } from '../../common/hooks/useWindowTitle';
 import { ViewExtendedTimer } from '../../common/models/TimeManager.type';
@@ -74,6 +75,7 @@ export default function TimelinePage(props: TimelinePageProps) {
     <div className='timeline'>
       <ViewParamsEditor viewOptions={progressOptions} />
       <div className='project-header'>
+        {general?.projectLogo && <ViewLogo name={general.projectLogo} className='logo' />}
         {general.title}
         <div className='clock-container'>
           <div className='label'>{getLocalizedString('common.time_now')}</div>