Improve desktop timeline view (#9150)

* Break apart mobile and desktop timeline views

* Set aspect ratio for player correctly

* more modest default width

* Add timeline item card

* Get video player to fit

* get layout going

* More work on youtube view

* Get video scaling working

* Better dialog sizes

* Show all timelines for day

* Add full day of timelines

* Improve hooks

* Fix previews

* Separate mobile and desktop views and don't rerender

* cleanup

* Optimizations and improvements

* make preview dates more efficient

* Remove seekbar and use timeline as seekbar

* Improve background and scrubbing

web/src/types/history.ts

@@ -1,7 +1,7 @@
 type CardsData = {
-  [key: string]: {
-    [key: string]: {
-      [key: string]: Card;
+  [day: string]: {
+    [hour: string]: {
+      [groupKey: string]: Card;
     };
   };
 };
@@ -58,6 +58,7 @@ interface HistoryFilter extends FilterType {
 
 type TimelinePlayback = {
   camera: string;
+  range: { start: number; end: number };
   timelineItems: Timeline[];
   relevantPreview: Preview | undefined;
 };