Various Tweaks (#22609)

* Mark items as reviewed as a group with keyboard

* Improve handling of half model regions

* update viewport meta tag to prevent user scaling

fixes https://github.com/blakeblackshear/frigate/issues/22017

* add small animation to collapsible shadcn elements

* add proxy auth env var tests

* Improve search effect

* Fix mobile back navigation losing overlay state on classification page

* undo historyBack changes

* fix classification history navigation

---------

Co-authored-by: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>

web/src/views/events/EventView.tsx

@@ -110,7 +110,10 @@ type EventViewProps = {
   setShowReviewed: (show: boolean) => void;
   setSeverity: (severity: ReviewSeverity) => void;
   markItemAsReviewed: (review: ReviewSegment) => void;
-  markAllItemsAsReviewed: (currentItems: ReviewSegment[]) => void;
+  markItemsAsReviewed: (
+    currentItems: ReviewSegment[],
+    itemsToMarkReviewed?: ReviewSegment[] | undefined,
+  ) => void;
   onOpenRecording: (recordingInfo: RecordingStartingPoint) => void;
   motionPreviewsCamera: string | null;
   setMotionPreviewsCamera: (camera: string | null) => void;
@@ -132,7 +135,7 @@ export default function EventView({
   setShowReviewed,
   setSeverity,
   markItemAsReviewed,
-  markAllItemsAsReviewed,
+  markItemsAsReviewed,
   onOpenRecording,
   motionPreviewsCamera,
   setMotionPreviewsCamera,
@@ -498,7 +501,7 @@ export default function EventView({
             loading={severity != severityToggle}
             emptyCardData={emptyCardData}
             markItemAsReviewed={markItemAsReviewed}
-            markAllItemsAsReviewed={markAllItemsAsReviewed}
+            markItemsAsReviewed={markItemsAsReviewed}
             onSelectReview={onSelectReview}
             onSelectAllReviews={onSelectAllReviews}
             setSelectedReviews={setSelectedReviews}
@@ -549,7 +552,10 @@ type DetectionReviewProps = {
   loading: boolean;
   emptyCardData: EmptyCardData;
   markItemAsReviewed: (review: ReviewSegment) => void;
-  markAllItemsAsReviewed: (currentItems: ReviewSegment[]) => void;
+  markItemsAsReviewed: (
+    currentItems: ReviewSegment[],
+    itemsToMarkReviewed?: ReviewSegment[] | undefined,
+  ) => void;
   onSelectReview: (
     review: ReviewSegment,
     ctrl: boolean,
@@ -573,7 +579,7 @@ function DetectionReview({
   loading,
   emptyCardData,
   markItemAsReviewed,
-  markAllItemsAsReviewed,
+  markItemsAsReviewed,
   onSelectReview,
   onSelectAllReviews,
   setSelectedReviews,
@@ -788,12 +794,7 @@ function DetectionReview({
           break;
         case "r":
           if (selectedReviews.length > 0 && !modifiers.repeat) {
-            currentItems?.forEach((item) => {
-              if (selectedReviews.some((r) => r.id === item.id)) {
-                item.has_been_reviewed = true;
-                markItemAsReviewed(item);
-              }
-            });
+            markItemsAsReviewed(currentItems || [], selectedReviews);
             setSelectedReviews([]);
             return true;
           }
@@ -903,7 +904,7 @@ function DetectionReview({
                   variant="select"
                   onClick={() => {
                     setSelectedReviews([]);
-                    markAllItemsAsReviewed(currentItems ?? []);
+                    markItemsAsReviewed(currentItems ?? []);
                   }}
                 >
                   {t("markTheseItemsAsReviewed")}