fix: 🐛 Fix breaking change for changing page size (#2398)

addons/rose/addon/components/rose/pagination/index.hbs

@@ -10,4 +10,5 @@
   @route={{this.router.currentRouteName}}
   @model={{@model}}
   @queryFunction={{this.paginationQueryParams}}
+  @onPageSizeChange={{this.handlePageSizeChange}}
 />

addons/rose/addon/components/rose/pagination/index.js

@@ -5,6 +5,7 @@
 
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
+import { action } from '@ember/object';
 
 export default class RosePaginationComponent extends Component {
   @service router;
@@ -21,4 +22,12 @@ export default class RosePaginationComponent extends Component {
       };
     };
   }
+
+  @action
+  async handlePageSizeChange(pageSize) {
+    // Reset to the first page when changing the page size
+    const queryParams = { page: 1, pageSize };
+
+    await this.router.transitionTo({ queryParams });
+  }
 }