🔧 Move Calendar module to new popover api

src/modules/calendar/CalendarModule.tsx

@@ -260,19 +260,23 @@ function DayComponent(props: any) {
       )}
       <Popover
         position="bottom"
+        withinPortal
         radius="lg"
         shadow="xl"
         transition="pop"
         styles={{
-          body: {
+          dropdown: {
             boxShadow: '0 0 14px 14px rgba(0, 0, 0, 0.1), 0 14px 11px rgba(0, 0, 0, 0.1)',
           },
         }}
         width="auto"
         onClose={() => setOpened(false)}
         opened={opened}
-        target={day}
       >
+        <Popover.Target>
+          <div>{day}</div>
+        </Popover.Target>
+        <Popover.Dropdown>
           <ScrollArea style={{ height: 400 }}>
             {sonarrFiltered.map((media: any, index: number) => (
               <React.Fragment key={index}>
@@ -308,6 +312,7 @@ function DayComponent(props: any) {
               </React.Fragment>
             ))}
           </ScrollArea>
+        </Popover.Dropdown>
       </Popover>
     </Box>
   );