fix: Pagination does not reset to page 1 when clicking on class or filter (#2798)

Author: mtrezza

src/components/CategoryList/CategoryList.react.js

@@ -122,7 +122,7 @@ export default class CategoryList extends React.Component {
           return (
             <div key={id}>
               <div className={styles.link}>
-                <Link title={c.name} to={{ pathname: link }} className={className} key={id}>
+                <Link title={c.name} to={{ pathname: link }} className={className} key={id} onClick={() => this.props.classClicked()}>
                   <span>{count}</span>
                   <span>{c.name}</span>
                 </Link>

src/dashboard/Data/Browser/Browser.react.js

@@ -1883,8 +1883,28 @@ class Browser extends DashboardView {
         current={current}
         params={this.props.location?.search}
         linkPrefix={'browser/'}
-        filterClicked={url => this.props.navigate(generatePath(this.context, url))}
-        removeFilter={filter => this.removeFilter(filter)}
+        filterClicked={url => {
+          // Reset to page 1
+          this.setState({
+            skip: 0,
+          });
+
+          this.props.navigate(generatePath(this.context, url));
+        }}
+        removeFilter={filter => {
+          // Reset to page 1
+          this.setState({
+            skip: 0,
+          });
+
+          this.removeFilter(filter)
+        }}
+        classClicked={() => {
+          // Reset to page 1
+          this.setState({
+            skip: 0,
+          });
+        }}
         categories={allCategories}
       />
     );