Update Radix deps (#22957)

* Bump radix-ui packages to align react-dismissable-layer version and fix nested overlay pointer-events bug

* remove workarounds for radix pointer events issues on dropdown and context menus

* remove disablePortal from popover

* remove modal on popovers

* remove workarounds in restart dialog

* keep onCloseAutoFocus for face, classification, and ptz

these are necessary to prevent tooltips from re-showing and from the arrow keys from reopening the ptz presets menu

* add tests

web/src/views/classification/ModelSelectionView.tsx

@@ -342,7 +342,7 @@ function ModelCard({ config, onClick, onUpdate, onDelete }: ModelCardProps) {
           {config.name}
         </div>
         <div className="absolute bottom-2 right-2 z-40">
-          <DropdownMenu modal={false}>
+          <DropdownMenu>
             <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>
               <BlurredIconButton>
                 <FiMoreVertical className="size-5 text-white" />

web/src/views/classification/ModelTrainingView.tsx

@@ -698,7 +698,7 @@ function LibrarySelector({
         regexErrorMessage={t("description.invalidName")}
       />
 
-      <DropdownMenu modal={false}>
+      <DropdownMenu>
         <DropdownMenuTrigger asChild>
           <Button className="flex justify-between smart-capitalize">
             {pageTitle}

web/src/views/live/LiveCameraView.tsx

@@ -1164,7 +1164,7 @@ function FrigateCameraFeatures({
           loading={isSnapshotLoading}
         />
         {!fullscreen && (
-          <DropdownMenu modal={false}>
+          <DropdownMenu>
             <DropdownMenuTrigger>
               <div
                 className={cn(
@@ -1554,7 +1554,7 @@ function FrigateCameraFeatures({
                         ns: "components/dialog",
                       })}
                     </div>
-                    <Popover modal={true}>
+                    <Popover>
                       <PopoverTrigger asChild>
                         <div className="cursor-pointer p-0">
                           <LuInfo className="size-4" />
@@ -1641,7 +1641,7 @@ function FrigateCameraFeatures({
                             <>
                               <LuX className="size-4 text-danger" />
                               <div>{t("stream.audio.unavailable")}</div>
-                              <Popover modal={true}>
+                              <Popover>
                                 <PopoverTrigger asChild>
                                   <div className="cursor-pointer p-0">
                                     <LuInfo className="size-4" />
@@ -1685,7 +1685,7 @@ function FrigateCameraFeatures({
                             <>
                               <LuX className="size-4 text-danger" />
                               <div>{t("stream.twoWayTalk.unavailable")}</div>
-                              <Popover modal={true}>
+                              <Popover>
                                 <PopoverTrigger asChild>
                                   <div className="cursor-pointer p-0">
                                     <LuInfo className="size-4" />

web/src/views/motion-search/MotionSearchDialog.tsx

@@ -598,7 +598,6 @@ function SearchRangeSelector({
                 setStartOpen(false);
               }
             }}
-            modal={false}
           >
             <PopoverTrigger asChild>
               <Button
@@ -614,10 +613,7 @@ function SearchRangeSelector({
                 {formattedStart}
               </Button>
             </PopoverTrigger>
-            <PopoverContent
-              disablePortal
-              className="flex flex-col items-center"
-            >
+            <PopoverContent className="flex flex-col items-center">
               <TimezoneAwareCalendar
                 timezone={timezone}
                 selectedDay={new Date(startTime * 1000)}
@@ -668,7 +664,6 @@ function SearchRangeSelector({
                 setEndOpen(false);
               }
             }}
-            modal={false}
           >
             <PopoverTrigger asChild>
               <Button
@@ -684,10 +679,7 @@ function SearchRangeSelector({
                 {formattedEnd}
               </Button>
             </PopoverTrigger>
-            <PopoverContent
-              disablePortal
-              className="flex flex-col items-center"
-            >
+            <PopoverContent className="flex flex-col items-center">
               <TimezoneAwareCalendar
                 timezone={timezone}
                 selectedDay={new Date(endTime * 1000)}