FE - 1: Expected Wait Time Page

[Ron-Madan]

You should create a new page that should call the expected wait time endpoint. Display the user the wait time for their selected location. This should be a page that comes after the home page. After the button click, you should redirect to the user info page.

If there is no queue (allCourtsFull = False), then the button should be "Start Playing". Otherwise, "Join Queue"

**Queue can have a maximum of 5 players! I.e. if the wait time is (5x0.5) 2.5 hours, then inform the user that the queue is full!

/expectedWaitTime outputs:

Note: Your function to interact with the backend should be hosted in frontend/src/utils/api.js. Refer to the given structure, which has exponential backoff and retries.

Store the expected wait time in local storage. "expectedWaitTime" and the queue nicknames: "queueNicknames"

Also, if players are in front of you, show their names:

"Players in front of you:

1. Ron
2. Amy"

Figma Example (ignore the courts diagram):