fix: Selecting a saved filter in data browser may highlight a different filter (#2783)

Author: mtrezza

src/components/CategoryList/CategoryList.react.js

@@ -137,7 +137,7 @@ export default class CategoryList extends React.Component {
                 )}
               </div>
               {this.state.openClasses.includes(id) &&
-                c.filters.sort((a, b) => a.name.localeCompare(b.name)).map((filterData, index) => {
+                c.filters.map((filterData, index) => {
                   const { name, filter } = filterData;
                   const url = `${this.props.linkPrefix}${c.name}?filters=${encodeURIComponent(
                     filter

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

@@ -1873,7 +1873,8 @@ class Browser extends DashboardView {
         this.context.applicationId,
         row.name
       );
-      row.filters = filters;
+      // Set filters sorted alphabetically
+      row.filters = filters.sort((a, b) => a.name.localeCompare(b.name));
       allCategories.push(row);
     }