Update audience-demo (#782)

Update deps and improve readme for audience-demo.

Also updates CI from node 14 to node 16 to support ??= syntax.

These updates might help with the node update (#779 ), but with the unrelated non-deterministic CI errors and no useful error output, that's just a guess.

audience-demo/.prettierignore

@@ -1,4 +1,4 @@
-# Generated by npm / Lerna
+# Generated by npm
 package-lock.json
 
 # Dependencies

audience-demo/README.md

@@ -3,23 +3,6 @@
 This repository contains a simple [React](https://react.dev) application which demonstrates Fluid Audiences.
 The React client will display all users connected to a Fluid Container.
 
-### Demo workflow
-
-The browser will initially display three user ID buttons as well as an optional container ID input field.
-Leave the container ID field blank to create a new container or input an existing container ID to join an existing container.
-For your first client, leave the container ID blank and choose a user ID as there are no collaborative sessions to join yet.
-
-The browser will display boxes which represents current members in the audience.
-The box with the blue border represents the current user who is viewing the browser client while the boxes with the black border represents the other members who are connected to the container.
-Create a new browser tab and navigate to the first browser's url to simulate a new user entering the collaborative session.
-To connect to the first session, select a user ID.
-As you open and close new tabs, the corresponding member boxes will appear.
-
-Note that new boxes will only generate for each unique user.
-Joining a container on a new browser while selecting an existing user ID will increase the number of connections for that user.
-
----
-
 ### Start the app locally
 
 To run an Azure Client service locally, on the default values of `localhost:7070`, enter the following into a terminal window:
@@ -36,4 +19,21 @@ npm install
 npm start
 ```
 
-Navigate to `localhost:3000` in the browser to view the app.
+Navigate to [localhost:3000](http://localhost:3000) in the browser to view the app.
+
+### Demo workflow
+
+The browser will initially display three user ID buttons as well as an optional container ID input field.
+Leave the container ID field blank to create a new container (with a random UUID for its ID) or input an existing container ID to join an existing container.
+For your first client, leave the container ID blank and choose a user ID as there are no collaborative sessions to join yet.
+
+The browser will display boxes which represents current members in the audience.
+The box with the blue border represents the current user who is viewing the browser client while the boxes with the black border represents the other members who are connected to the container.
+
+To add another user to the session, copy the container ID from the URL of the first user (everything after the `#` in the URL).
+Then create a new browser tab and navigate [localhost:3000](http://localhost:3000) again.
+Enter the container ID from the first session, and select a user ID to join as.
+As you open and close new tabs, the corresponding member boxes will appear.
+
+Note that new boxes will only generate for each unique user.
+Joining a container in a new browser while selecting an existing user ID will increase the number of connections for that user.