docs: update web dashboard (#5173)

* docs: dashboard outside hint

* Update dashboard GIF on welcome

* Add dashboard GIF to README

* chore: exchange exclamation for period

Co-authored-by: Magnús <maggi@trymbill.is>

---------

Co-authored-by: Magnús <maggi@trymbill.is>

Author: worldofgeese

README.md

@@ -25,6 +25,10 @@ _If you love Garden, please ★ star this repository to show your support :green
 
 Garden is a tool that combines rapid development, testing, and DevOps automation in one platform. It is designed for teams developing applications that run on Kubernetes and for DevOps Engineers writing infrastructure as code. This repository contains the source of Garden core along with its [documentation](./docs) and [examples](./examples).
 
+You can get started in minutes with the new [Garden Web Dashboard](https://app.garden.io). Just click the link and follow the interactive guide to deploy your first example project with Garden.
+
+![Short tour of the features of the Garden Web Dashboard including command history, visualized dependency graph, and the Garden dev console](https://ce-content.s3.fr-par.scw.cloud/web-dashboard-gif.gif)
+
 With Garden you can:
 
 - Test and develop with **smart caching** and **live reloading**.

docs/getting-started/quickstart.md

@@ -7,10 +7,10 @@ order: 1
 
 {% hint style="info" %}
 An interactive quickstart is also available by logging in to the Garden Web Dashboard. With the dashboard you can access command history, stream logs in real-time, view the status of your builds, tests, and deploys, visualize your dependency graph, and manage your free ephemeral clusters. To get started, [launch the Garden Web Dashboard](https://app.garden.io).
-
-![Short tour of the features of the Garden Web Dashboard including command history, visualized dependency graph, and the Garden dev console](https://ce-content.s3.fr-par.scw.cloud/garden-web-dashboard-tour.gif)
 {% endhint %}
 
+![Short tour of the features of the Garden Web Dashboard including command history, visualized dependency graph, and the Garden dev console](https://ce-content.s3.fr-par.scw.cloud/web-dashboard-gif.gif)
+
 ## Quickstart
 
 Garden is an all-in-one DevOps automation platform that enables you to build, test, and deploy your applications and infrastructure in a single, unified workflow.

docs/welcome.md

@@ -11,7 +11,7 @@ Garden lets you spin up **production-like environments** for development, testin
 
 You can get started in minutes with the new [Garden Web Dashboard](https://app.garden.io)! Just click the link and follow the interactive guide to deploy your first example project with Garden.
 
-![Short tour of the features of the Garden Web Dashboard including command history, visualized dependency graph, and the Garden dev console](https://ce-content.s3.fr-par.scw.cloud/garden-web-dashboard-tour.gif)
+![Short tour of the features of the Garden Web Dashboard including command history, visualized dependency graph, and the Garden dev console](https://ce-content.s3.fr-par.scw.cloud/web-dashboard-gif.gif)
 
 If there's something you can't find in our docs, we happily encourage you to [join our Discord community](https://discord.gg/FrmhuUjFs6) and/or file an issue on [our GitHub repo](https://github.com/garden-io/garden). We're more than happy to help!