diff --git a/docs/assets/backend-system/architecture-building-blocks.drawio.svg b/docs/assets/backend-system/architecture-building-blocks.drawio.svg
index 6c0860be98..7a65f3a725 100644
--- a/docs/assets/backend-system/architecture-building-blocks.drawio.svg
+++ b/docs/assets/backend-system/architecture-building-blocks.drawio.svg
@@ -1,4 +1,4 @@
-<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="642px" height="327px" viewBox="-0.5 -0.5 642 327" content="&lt;mxfile scale=&quot;1.5&quot; border=&quot;20&quot;&gt;&lt;diagram id=&quot;gKBvn7eBFHudv9VMIRD-&quot; name=&quot;Page-1&quot;&gt;5Vldb5swFP01PDYCTNLy2CZpt4dplTJp7aMLDlg1ODJOQvrrZ7ABg7MkQjRZMypV3OvPe865105igWmSPzG4in/QEBHLtcPcAjPLde98V/wvHDvp8G1bOiKGQ+lyGscCfyDlrLqtcYiyVkdOKeF41XYGNE1RwFs+yBjdtrstKWmvuoIRMhyLABLT+xuHPJZe4NmN/xvCUVytfKca3mDwHjG6TtVylguW5SObE1hNpfpnMQzpVnOBuQWmjFIu35J8ikiBbIWaHPf4l9Z62wyl/JQBiqYNJGsV+YOIAInty+3xXYVIGRQqhtkWeNjGmKPFCgZF61ZIQPhinhBhOeJ1iQmZUkJZORbMJ8Wf8Gec0XektUzKpxhBU6755SP8ZkAqxg1iHOWaSwX4hGiCONuJLqr1BiiwlRZvKvC3DbNepc9YY7ViGyoxRfXUDaLiRYG6H2BgALxAbIMDIe7rQdjpIHxrAnz3Sfj6Br7PjG5E8TDgRaHIcGWmNEVtPFGO+Yv2/lrQMBora5YrVkpjVxlpeF/UGmG+ERq8/4pxKt2PmNQTp1V580p6IOOa3ea8oEg1+oeYyeiaBSosT1VHyCKkeo2lqwj4IHsMEcjxpl3y9pGhhj5TLDbSdKHLZSbW7LJVr3ASgY5ZgmZoVVYg+2fak0V7dDvWiTxCo9jsi25o5BdmM6y0Po3+IuGwOIPuCY7ETLMEhyEpI6QMfwhtwDr7hxEK+EpC8cxMJ+sIp9dUSLtHVV1Yz1BJxwa+85yjNMNUZKFdUnpNUHfPrHNCXd1yNaynsOjRr9h9tSNrcoYj62QqzAvaEMeP2+P4cS58/AxE5eCHyqlUTgwmxcfSNbmqm7b4IH2xqlXvtgH4e7KibM+xcGqa2L6v5Ykzsr0Tb2pNdrzqbf/8Ta0I5xkxLMBHTE22N1+OZp5rZp53rttb0ydvy6tSZVducuNq0IF5nO5EdmciGa4xUY/r5J6vPnqq+SpEKQPoZKN7OBs/U8uTi2kZdC6GfbXsHsmJAaVs3mHUlyD/s5b1G5hzUMghzOJyZWdIBYPLKbhTRYE9uvW1Zzzup+juvMNJWpjNd96ye/OzApj/AQ==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="642px" height="327px" viewBox="-0.5 -0.5 642 327" content="&lt;mxfile scale=&quot;1.5&quot; border=&quot;20&quot;&gt;&lt;diagram id=&quot;gKBvn7eBFHudv9VMIRD-&quot; name=&quot;Page-1&quot;&gt;3VnbTuMwEP2aPFLl1tsjlMLuw0pI3dXCo0ncxMK1K8dtU75+7dhJnBhKFMJlGySUGV/nnDNjE5xgsclvGdimv2gMseO7ce4E147vz1xX/JaOo3JMZ9qRMBQrl1c7VugZamfZbYdimDU6ckoxR9umM6KEwIg3fIAxemh2W1PcXHULEmg5VhHAtvcvinmqvEHo1v4fECVpuXIZ3iOInhJGd0Qv5/jBunhU8waUU+n+WQpiejBcwdIJFoxSrt42+QJiiWyJmhp380prtW0GCe8ywFcD9gDvdORXIgJI4kzvjx9LSIqooBznOsHVIUUcrrYgkq0HoQHhS/kGC8sTr2uE8YJiyoqxwXIif4Q/44w+QaNlUjxyBCXc8KtH+O2IdJB7yDjMDZeO8BbSDeTsKLro1otAo63FeFGif6ipDUvFpgatJd1Aqymppq4hFS8a1ZcRDiyEV5DtUQTPCWGvhfDUBnj2QfjOLXzvGN2L6mHBC2OR4toklMAmnjBH/N54f5A0jMbaus41K4VxLA0SX8piI8xHTKOn3ykiyn2DcDUxKetbWNADGDfsJueSIt04P8VMRncs0mGFujwClkDda6xcMuCT7DGIAUf7Zs17iQw99I4isZG6C12vM7Fmm61qhU4EenYN+pP1Zc8dTccmgW/QJzZ5bxoG6dKshxXWh9EuEw2Jw+cSo0TMdL1BcYyLCClDz0IToMr6YQQSdBSITm935Lr+TI35FpoJ7aTHuwSRc6qp7VOrqrGfUFTHFr7LnEOSIUqEu6D0nKBuH1+fCXV54zWwXgDZo1/9+99Or8knnF6dqbDvau85ifweJ5H3xSfRQBR2PV8Gp3BiMSj+NN3hs7ps+/Ovq1bVbmuAfxIhqf4Fa+TO50aeeCM37Hhpq7PjwWz79pc2Gc4dZEiAD5merFOi+XaihUMnWudbW90nb8qrVGVbbioSPejEPF57Irc1kYrfmqjHNfKFzx891XwWolQBtLLRP52NA2p58n20HLQuhH217L+REwNK2b679PwOckZSNi9g3kkdxyBLi5W9dwh48FvPOwTcKqKBO5rOjWc87ifo9rzDKVqY9Wdv1b3+z0Kw/Ac=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
     <defs/>
     <g>
         <rect x="19.5" y="19.5" width="600" height="60" fill="#e6e6e6" stroke="#666666" stroke-width="1.5" pointer-events="all"/>
@@ -8,13 +8,13 @@
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 398px; height: 1px; padding-top: 33px; margin-left: 14px;">
                         <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
-                                Backend
+                                Backends
                             </div>
                         </div>
                     </div>
                 </foreignObject>
                 <text x="213" y="37" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
-                    Backend
+                    Backends
                 </text>
             </switch>
         </g>
@@ -61,13 +61,13 @@
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 143px; margin-left: 123px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 9px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
-                                Depend On
+                                Use
                             </div>
                         </div>
                     </div>
                 </foreignObject>
                 <text x="123" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="9px" text-anchor="middle">
-                    Depend On
+                    Use
                 </text>
             </switch>
         </g>
@@ -131,13 +131,13 @@
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 143px; margin-left: 303px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 9px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
-                                Depend On
+                                Use
                             </div>
                         </div>
                     </div>
                 </foreignObject>
                 <text x="303" y="146" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="9px" text-anchor="middle">
-                    Depend On
+                    Use
                 </text>
             </switch>
         </g>
@@ -166,13 +166,13 @@
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 109px; margin-left: 53px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 9px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
-                                Imports
+                                Install
                             </div>
                         </div>
                     </div>
                 </foreignObject>
                 <text x="53" y="112" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="9px" text-anchor="middle">
-                    Imports
+                    Install
                 </text>
             </switch>
         </g>
@@ -181,16 +181,16 @@
         <g transform="translate(-0.5 -0.5)scale(1.5)">
             <switch>
                 <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
-                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 109px; margin-left: 373px;">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 108px; margin-left: 373px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 9px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
-                                Imports
+                                Install
                             </div>
                         </div>
                     </div>
                 </foreignObject>
                 <text x="373" y="111" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="9px" text-anchor="middle">
-                    Imports
+                    Install
                 </text>
             </switch>
         </g>
@@ -202,13 +202,13 @@
                     <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 78px; margin-left: 213px;">
                         <div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                             <div style="display: inline-block; font-size: 9px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; background-color: rgb(255, 255, 255); white-space: nowrap;">
-                                Provides
+                                Provide
                             </div>
                         </div>
                     </div>
                 </foreignObject>
                 <text x="213" y="81" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="9px" text-anchor="middle">
-                    Provides
+                    Provide
                 </text>
             </switch>
         </g>