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/components/card/ReviewCard.tsx

@@ -33,11 +33,11 @@ export default function ReviewCard({
 
   return (
     <div
-      className="w-full flex flex-col gap-1.5 cursor-pointer"
+      className="w-full relative flex flex-col gap-1.5 cursor-pointer"
       onClick={onClick}
     >
       <ImageLoadingIndicator
-        className="size-full aspect-video"
+        className="absolute inset-0"
         imgLoaded={imgLoaded}
       />
       <img