Round brackets in Firestore document or collection names break UI

When I put a bracket in either the document or collection name it breaks the emulator navigation.

If you look at the following screenshot, you see that I have the document selected, which would move the document to the middle column and show me in the right column the contents of the collection, but in fact, it does not get opened properly!


This then in turn does also not allow me to open any sub-collection of `(foo)/bar`!
I've tested a bit and only with the opening and closing brackets it does break.
If I do `(foo/bar` or `foo)/bar` or `)foo(/bar` or `{foo}/bar` or `[foo]/bar`it works.

The brackets do not have to be at the start or
end, as long as a round opening bracket comes before a closing bracket the error occurs, so `a(foo)b/bar` also breaks.

---

Here's an example of having the brackets in the document id, which also breaks:

---

Here are two example data exports with the failing documents:

[brackets_in_collection.zip](https://github.com/firebase/firebase-tools-ui/files/8459897/brackets_in_collection.zip)
[brackets_in_document.zip](https://github.com/firebase/firebase-tools-ui/files/8459898/brackets_in_document.zip)