Refactor editor tags selector to fetch all tag info in one network call (#16841)

* use bulk get of tags in editor

* prefer tag_ids if both tag_ids and tag_names are present

* undo changes to public api tags

* use new endpoint

app/javascript/article-form/components/TagsField.jsx

@@ -29,20 +29,19 @@ export const TagsField = ({ onInput, defaultValue, switchHelpContext }) => {
     // Fetching further tag data allows us to display a richer UI
     // This fetch only happens once on first component load
     if (defaultValue && defaultValue !== '' && !defaultsLoaded) {
-      const tagNames = defaultValue.split(', ');
+      const tagNamesQueryString = defaultValue
+        .split(', ')
+        .reduce((queryString, nextTagName) => {
+          if (nextTagName) {
+            return queryString
+              ? `${queryString}&tag_names[]=${nextTagName}`
+              : `tag_names[]=${nextTagName}`;
+          }
+        }, '');
 
-      const tagRequests = tagNames.map((tagName) =>
-        fetchSearch('tags', { name: tagName }).then(({ result = [] }) => {
-          const [potentialMatch = {}] = result;
-          return potentialMatch.name === tagName
-            ? potentialMatch
-            : { name: tagName };
-        }),
-      );
-
-      Promise.all(tagRequests).then((data) => {
-        setDefaultSelections(data);
-      });
+      fetch(`/tags/bulk?${tagNamesQueryString}`)
+        .then((res) => res.json())
+        .then((data) => setDefaultSelections(data));
     }
     setDefaultsLoaded(true);
   }, [defaultValue, defaultsLoaded]);