replace old diagrams with new ones from design (supabase#21170)

* swap out old diagrams for new ones

* swap out images in readmes

* fix docker guide image

* test readme image display

Author: charislam

README.md

@@ -39,7 +39,6 @@ To see how to Contribute, visit [Getting Started](./DEVELOPERS.md)
 - [Email Support](https://supabase.com/docs/support#business-support). Best for: problems with your database or infrastructure.
 - [Discord](https://discord.supabase.com). Best for: sharing your applications and hanging out with the community.
 
-
 ## How it works
 
 Supabase is a combination of open source tools. We’re building the features of Firebase using enterprise-grade, open source products. If the tools and communities exist, with an MIT, Apache 2, or equivalent open license, we will use and support that tool. If the tool doesn't exist, we build and open source it ourselves. Supabase is not a 1-to-1 mapping of Firebase. Our aim is to give developers a Firebase-like developer experience using open source tools.
@@ -49,7 +48,7 @@ Supabase is a combination of open source tools. We’re building the features of
 Supabase is a [hosted platform](https://supabase.com/dashboard). You can sign up and start using Supabase without installing anything.
 You can also [self-host](https://supabase.com/docs/guides/hosting/overview) and [develop locally](https://supabase.com/docs/guides/local-development).
 
-![Architecture](https://github.com/supabase/supabase/blob/master/apps/docs/public/img/supabase-architecture.png)
+![Architecture](apps/docs/public/img/supabase-architecture.svg)
 
 - [Postgres](https://www.postgresql.org/) is an object-relational database system with over 30 years of active development that has earned it a strong reputation for reliability, feature robustness, and performance.
 - [Realtime](https://github.com/supabase/realtime) is an Elixir server that allows you to listen to PostgreSQL inserts, updates, and deletes using websockets. Realtime polls Postgres' built-in replication functionality for database changes, converts changes to JSON, then broadcasts the JSON over websockets to authorized clients.

apps/docs/pages/guides/cli/managing-environments.mdx

@@ -11,7 +11,13 @@ export const meta = {
 
 This guide shows you how to set up your local Supabase development environment that integrates with GitHub Actions to automatically test and release schema changes to staging and production Supabase projects.
 
-![Deploy migration](/docs/img/guides/cli/cicd-github.png)
+<Image
+  alt="Diagram showing a possible environment setup for Supabase development. There are 3 branches and 3 corresponding databases: feature branch and local database, develop branch and staging database, and main branch and production database."
+  src={{
+    light: '/docs/img/local-dev-environment--light.svg',
+    dark: '/docs/img/local-dev-environment.svg',
+  }}
+/>
 
 ## Set up a local environment
 
@@ -153,7 +159,13 @@ Without the `-f` file flag, the output is written to stdout by default.
 
 In a production environment, we recommend using a CI/CD pipeline to deploy new migrations with GitHub Actions rather than deploying from your local machine.
 
-![Deploy migration](/docs/img/guides/cli/cicd-github.png)
+<Image
+  alt="Diagram showing a possible environment setup for Supabase development. There are 3 branches and 3 corresponding databases: feature branch and local database, develop branch and staging database, and main branch and production database."
+  src={{
+    light: '/docs/img/local-dev-environment--light.svg',
+    dark: '/docs/img/local-dev-environment.svg',
+  }}
+/>
 
 This example uses two Supabase projects, one for production and one for staging.
 

apps/docs/pages/guides/getting-started/architecture.mdx

@@ -21,7 +21,13 @@ Our goal at Supabase is to make _all_ of Postgres easy to use. That doesn’t me
 
 Each Supabase project consists of several tools:
 
-![Supabase Architecture](/docs/img/supabase-architecture.png)
+<Image
+  alt="Diagram showing the architecture of Supabase. The Kong API gateway sits in front of 7 services: GoTrue, PostgREST, Realtime, Storage, pg_meta, Functions, and pg_graphql. All the services talk to a single Postgres instance."
+  src={{
+    dark: '/docs/img/supabase-architecture.svg',
+    light: '/docs/img/supabase-architecture--light.svg',
+  }}
+/>
 
 ### PostgreSQL (database)
 

apps/docs/pages/guides/self-hosting/docker.mdx

@@ -187,7 +187,13 @@ Supabase is a combination of open source tools, each specifically chosen for Ent
 If the tools and communities already exist, with an MIT, Apache 2, or equivalent open license, we will use and support that tool.
 If the tool doesn't exist, we build and open source it ourselves.
 
-![Supabase Architecture](/docs/img/supabase-architecture.png)
+<Image
+  alt="Diagram showing the architecture of Supabase. The Kong API gateway sits in front of 7 services: GoTrue, PostgREST, Realtime, Storage, pg_meta, Functions, and pg_graphql. All the services talk to a single Postgres instance."
+  src={{
+    dark: '/docs/img/supabase-architecture.svg',
+    light: '/docs/img/supabase-architecture--light.svg',
+  }}
+/>
 
 - [Kong](https://github.com/Kong/kong) is a cloud-native API gateway.
 - [GoTrue](https://github.com/supabase/gotrue) is an JWT based API for managing users and issuing JWT tokens.