Mobile improvements and packages updates

src/pages/settings/components/WoL/WolClients.tsx

@@ -152,8 +152,12 @@ const WolClientSettings = () => {
 								<Popover
 									withArrow
 									withOverlay
+									trapFocus
 									closeOnClickOutside={!isOpen}
 									classNames={popoverClasses}
+									middlewares={{ shift: { padding: 20 } }}
+									position='bottom'
+									offset={isMobile ? -100 : 0}
 								>
 									<Popover.Target>
 										<Group
@@ -165,7 +169,7 @@ const WolClientSettings = () => {
 											<WolClientSettingsItem client={client} />
 										</Group>
 									</Popover.Target>
-									<Popover.Dropdown w={isMobile ? '100%' : undefined}>
+									<Popover.Dropdown w={isMobile ? '90%' : undefined}>
 										<DebouncedWolClient wolClient={client} setIsOpen={setIsOpen} />
 									</Popover.Dropdown>
 								</Popover>