Add encoding for url params for board filtered search

https://gitlab.com/gitlab-org/gitlab/-/merge_requests/80006

Changelog: fixed

app/assets/javascripts/boards/components/board_filtered_search.vue

 <script>
-import { pickBy, isEmpty } from 'lodash';
+import { pickBy, isEmpty, mapValues } from 'lodash';
 import { mapActions } from 'vuex';
 import { getIdFromGraphQLId, isGid } from '~/graphql_shared/utils';
 import { updateHistory, setUrlParams } from '~/lib/utils/url_utility';
@@ -251,22 +251,36 @@ export default {
         );
       }
 
-      return {
-        ...notParams,
-        author_username: authorUsername,
-        'label_name[]': labelName,
-        assignee_username: assigneeUsername,
-        assignee_id: assigneeId,
-        milestone_title: milestoneTitle,
-        iteration_id: iterationId,
-        search,
-        types,
-        weight,
-        epic_id: isGid(epicId) ? getIdFromGraphQLId(epicId) : epicId,
-        my_reaction_emoji: myReactionEmoji,
-        release_tag: releaseTag,
-        confidential,
-      };
+      return mapValues(
+        {
+          ...notParams,
+          author_username: authorUsername,
+          'label_name[]': labelName,
+          assignee_username: assigneeUsername,
+          assignee_id: assigneeId,
+          milestone_title: milestoneTitle,
+          iteration_id: iterationId,
+          search,
+          types,
+          weight,
+          epic_id: isGid(epicId) ? getIdFromGraphQLId(epicId) : epicId,
+          my_reaction_emoji: myReactionEmoji,
+          release_tag: releaseTag,
+          confidential,
+        },
+        (value) => {
+          if (value || value === false) {
+            // note: need to check array for labels.
+            if (Array.isArray(value)) {
+              return value.map((valueItem) => encodeURIComponent(valueItem));
+            }
+
+            return encodeURIComponent(value);
+          }
+
+          return value;
+        },
+      );
     },
   },
   created() {

spec/frontend/boards/components/board_filtered_search_spec.js

@@ -120,7 +120,7 @@ describe('BoardFilteredSearch', () => {
         { type: 'author', value: { data: 'root', operator: '=' } },
         { type: 'assignee', value: { data: 'root', operator: '=' } },
         { type: 'label', value: { data: 'label', operator: '=' } },
-        { type: 'label', value: { data: 'label2', operator: '=' } },
+        { type: 'label', value: { data: 'label&2', operator: '=' } },
         { type: 'milestone', value: { data: 'New Milestone', operator: '=' } },
         { type: 'type', value: { data: 'INCIDENT', operator: '=' } },
         { type: 'weight', value: { data: '2', operator: '=' } },
@@ -134,7 +134,7 @@ describe('BoardFilteredSearch', () => {
         title: '',
         replace: true,
         url:
-          'http://test.host/?author_username=root&label_name[]=label&label_name[]=label2&assignee_username=root&milestone_title=New+Milestone&iteration_id=3341&types=INCIDENT&weight=2&release_tag=v1.0.0',
+          'http://test.host/?author_username=root&label_name[]=label&label_name[]=label%262&assignee_username=root&milestone_title=New%20Milestone&iteration_id=3341&types=INCIDENT&weight=2&release_tag=v1.0.0',
       });
     });