Recording fixes (#10728)

* Use timerange everywhere and ensure recordings has last 24 hours

* Pause recording when selecting timeline

* Fix loading layout

* Fix updating current time not always working

* Simplify dynamic video player

* Clean up desktop sizing

* Fix current hour

* Make padding consistent

* Improve spacing for extra cameras

* Make back button consistent

* Fix preview player not jumping to correct time

* Dont use useEffect due to preview changing

* Simplify

* Fix transition

web/src/pages/Events.tsx

@@ -338,6 +338,7 @@ export default function Events() {
         reviewItems={reviews}
         reviewSummary={reviewSummary}
         allPreviews={allPreviews}
+        timeRange={selectedTimeRange}
         filter={reviewFilter}
         updateFilter={onUpdateFilter}
       />

web/src/pages/Logs.tsx

@@ -53,7 +53,7 @@ function Logs() {
   );
 
   return (
-    <div className="size-full flex flex-col pr-2">
+    <div className="size-full p-2 flex flex-col">
       <div className="flex justify-between items-center">
         <ToggleGroup
           className="*:px-3 *:py-4 *:rounded-2xl"