docs(materialize): rename Hydrator/Cache Server and split diagram for…

app/materialize/getting-started/overview/page.mdx

@@ -4,7 +4,8 @@ description: "AuthZed Materialize precomputes the permissions you configure it t
 ---
 
 import { Callout } from "nextra/components";
-import MaterializeArchitecture from "@/public/images/materialize-architecture.svg";
+import MaterializeArchitectureLight from "@/public/images/materialize-architecture-light.svg";
+import MaterializeArchitectureDark from "@/public/images/materialize-architecture-dark.svg";
 
 # What is Materialize?
 
@@ -14,10 +15,15 @@ are written (specifically, when those relationships affect a subject's membershi
 
 Materialize puts that precomputed data to work in two ways: **Accelerated Queries**, generally available to AuthZed [Dedicated] users, and **Event Streams**, currently in early access. Every other piece of Materialize content belongs to one of these two features. Look for badges at the top of the page, which link back to the feature it belongs to.
 
-<MaterializeArchitecture
+<MaterializeArchitectureLight
   role="img"
   aria-label="The services that make up AuthZed Materialize, and how they connect to your application"
-  className="w-full h-auto"
+  className="w-full h-auto dark:hidden"
+/>
+<MaterializeArchitectureDark
+  role="img"
+  aria-label="The services that make up AuthZed Materialize, and how they connect to your application"
+  className="w-full h-auto hidden dark:block"
 />
 
 ## Accelerated Queries