🦙Tina - Add loading Indicator during deployments for new content

Requested by: @Calinator444 via YakShaver.ai 🦬
cc: @wicksipedia, @adamcogan, @brookjeynes-ssw, @louisroa8189

Hi Team!

Watch the video

Pain

When a new page is created on the SSW Website, there is currently no indication that the deployment is in progress. This often results in users encountering a 404 error when trying to preview pages in Tina. To improve user experience, a loading indicator should be displayed during the deployment process, informing users that their page is not yet ready after they click the preview button. This may require collaboration with the Tina.io team.

Acceptance Criteria

1. A loading indicator is displayed when a new page is being deployed.
2. The loading indicator informs users that their page is not yet ready.
3. The loading indicator disappears once the deployment is complete and the page is accessible.
4. Collaboration with the Tina.io team to ensure seamless integration.

Start with the Tina preview flow and the deployment process described in the issue and linked video. Determine where a new page's deployment state can be observed, then verify that the indicator appears during deployment, explains that the page is not ready, and disappears when the page becomes accessible.