Mass action selection is not working
### Expected Behavior

_No response_

### Actual Behaviour


https://github.com/kestra-io/kestra/assets/46634684/10ebe95c-b61d-4ffc-9743-bfff8baf4390



### Steps To Reproduce

_No response_

### Environment Information

- Kestra Version: 0.11.0 SNAPSHOT
- Operating System (OS / Docker / Kubernetes): Docker
- Java Version (If not docker):


### Example flow

_No response_
ui/src/components/layout/BulkSelect.vue ui/src/mixins/dataTableActions.js ui/src/mixins/selectTableActions.js
ui/src/components/layout/BulkSelect.vue ui/src/mixins/dataTableActions.js ui/src/mixins/selectTableActions.js
diff --git a/ui/src/components/layout/BulkSelect.vue b/ui/src/components/layout/BulkSelect.vue
index 539c2b49e3..cf9060dce0 100644
--- a/ui/src/components/layout/BulkSelect.vue
+++ b/ui/src/components/layout/BulkSelect.vue
@@ -32,7 +32,7 @@
                     this.$emit("unselect");
                 }
             },
-            toggleAll(value) {
+            toggleAll() {
                 this.$emit("update:selectAll", !this.selectAll);
             }
         },
diff --git a/ui/src/mixins/dataTableActions.js b/ui/src/mixins/dataTableActions.js
index efb996bb1c..b4b23553bf 100644
--- a/ui/src/mixins/dataTableActions.js
+++ b/ui/src/mixins/dataTableActions.js
@@ -4,8 +4,8 @@ import _isEqual from "lodash/isEqual";
 
 export default {
     created() {
-        this.internalPageSize = this.pageSize;
-        this.internalPageNumber = this.pageNumber;
+        this.internalPageSize = this.pageSize ?? this.$route.query.size ?? 25;
+        this.internalPageNumber = this.pageNumber ?? this.$route.query.page ?? 1;
 
         // @TODO: ugly hack from restoreUrl
         if (this.loadInit) {
@@ -29,12 +29,10 @@ export default {
             default: () => {}
         },
         pageSize: {
-            type: Number,
-            default: 25
+            type: Number
         },
         pageNumber: {
-            type: Number,
-            default: 1
+            type: Number
         },
     },
     watch: {
diff --git a/ui/src/mixins/selectTableActions.js b/ui/src/mixins/selectTableActions.js
index 1b83eddffa..73648cd4e2 100644
--- a/ui/src/mixins/selectTableActions.js
+++ b/ui/src/mixins/selectTableActions.js
@@ -17,14 +17,11 @@ export default {
         toggleAllUnselected() {
             this.elTable.clearSelection()
         },
-        toggleAllSelection(active) {
-            // only some are selected, we should set queryBulkAction to true because it will select all
-            if (active && this.elTable.getSelectionRows().length > 0 && !this.queryBulkAction) {
-                this.queryBulkAction = true;
-            } else {
-                this.queryBulkAction = false;
+        toggleAllSelection() {
+            if (this.elTable.getSelectionRows().length < this.elTable.data.length) {
+                this.elTable.toggleAllSelection()
             }
-            this.elTable.toggleAllSelection()
+            this.queryBulkAction = true;
         },
         selectionMapper(element) {
             return element;
