feat: show current rundown in project info page

feat: swap project description for rundown title in editor and cuesheet overview

apps/client/src/common/hooks-query/useRundown.ts

@@ -105,3 +105,12 @@ export function useEntry(entryId: EntryId | null): OntimeEntry | null {
   if (entryId === null) return null;
   return rundown.entries[entryId] ?? null;
 }
+
+export function useRundownAuxData() {
+  const { data, status } = useRundown();
+  const filteredData = useMemo(() => {
+    const { title, id } = data;
+    return { title, id };
+  }, [data]);
+  return { data: filteredData, status };
+}

apps/client/src/features/overview/composite/TitleOverview.tsx

@@ -1,18 +1,21 @@
 import useProjectData from '../../../common/hooks-query/useProjectData';
+import { useRundownAuxData } from '../../../common/hooks-query/useRundown';
 
 import style from './TitleOverview.module.scss';
 
 export default function TitleOverview() {
-  const { data } = useProjectData();
+  'use memo';
+  const { data: projectData } = useProjectData();
+  const { data: rundownData } = useRundownAuxData();
 
-  if (!data.title && !data.description) {
+  if (!projectData.title && !rundownData.title) {
     return null;
   }
 
   return (
     <div>
-      <div className={style.title}>{data.title}</div>
+      <div className={style.title}>{projectData.title}</div>
-      <div className={style.description}>{data.description}</div>
+      <div className={style.description}>{rundownData.title}</div>
     </div>
   );
 }