feat(web): enhance module entry dialogs and selection handling

- Refactored module entry dialogs to reset forms based on edit state and improve state management.
- Updated selection logic in various components to utilize derived states for active selections, enhancing bulk operations.
- Improved dialog bindings for better state synchronization and user experience.
- Streamlined component structure for maintainability and clarity.

web/src/lib/components/modules/ModuleIpRangeEntryDialog.svelte

@@ -28,12 +28,23 @@
 
 	let saving = $state(false);
 	let form = $state<IpRangeEntryCreate>({ prefix: '', community_id: '' });
+	let initKey = $state('');
+
+	function resetForm() {
+		form = edit
+			? { prefix: edit.prefix, community_id: edit.community_id }
+			: { prefix: '', community_id: '' };
+	}
 
 	$effect(() => {
-		if (open) {
-			form = edit
-				? { prefix: edit.prefix, community_id: edit.community_id }
-				: { prefix: '', community_id: '' };
+		if (!open) {
+			initKey = '';
+			return;
+		}
+		const nextKey = edit?.id ?? 'new';
+		if (nextKey !== initKey) {
+			initKey = nextKey;
+			resetForm();
 		}
 	});
 
@@ -62,7 +73,7 @@
 	}
 </script>
 
-<Dialog {open} onOpenChange={handleOpenChange}>
+<Dialog bind:open onOpenChange={handleOpenChange}>
 	<DialogContent class="sm:max-w-sm">
 		<DialogHeader>
 			<DialogTitle>{edit ? 'Редактировать диапазон' : 'Новый IP-диапазон'}</DialogTitle>