Tags on content do not get displayed in consistent order

[Deckel]

Screenshot

Description

When adding multiple tags to multiple dashboards, charts or saved queries, the tags display in non alphabetical order.

Design input

[describe any input/collaboration you'd like from designers, and
tag accordingly. For design review, add the
label design:review. If this includes a design proposal,
include the label design:suggest]

[dosubot]

Hey @Deckel! 👋 I'm here to help you with any bugs, questions, or contributions you have. I'm Dosu, a bot designed to assist you while waiting for a human maintainer.

Tags should be consistently ordered alphabetically across different sections where they are used. This can be achieved by sorting the tags alphabetically using the localeCompare function. Here is an example of how tags are sorted alphabetically in the tags useMemo hook:

const tags = useMemo(
  () =>
    Object.keys(chartsByTags)
      .sort((a, b) =>
        // sort alphabetically
        a.localeCompare(b),
      )
      .filter(tag => RECOMMENDED_TAGS.indexOf(tag) === -1),
  [chartsByTags],
);

Designers could provide input or a proposal for this by suggesting any specific ordering criteria or additional sorting rules if needed ^[1].

To continue talking to Dosu, mention @dosu.

[rusackas]

Seems reasonable to open as a PR if you're up for it. Seems like the bot is on the right track :)

I guess the question I might as @yousoph / @kasiazjc who might have thought more about this: Is alphabetical always the right order? It makes it easier to check if a tag is there, but I'm not sure if some other order (e.g. date tag was added, date tag was created, some relative importance of the tag) would ever be needed. Alphabetical is probably just fine, and seems like an improvement, but throwing the question out there for good measure :)