[docs] Updates diagrams with SVG background (#24050)

[docs] Adds diagram component, updates deploy patterns doc (#23216)

# Why

I am creating new diagram designs for the docs. To make sure they work,
I created this PR to demonstrate the new diagram

[docs] Adds diagram component, updates deploy patterns doc (#23216)

# Why

I am creating new diagram designs for the docs. To make sure they work,
I created this PR to demonstrate the new diagrams in the EAS Update
deployment patterns doc. Along the way, I also added a `<Diagram>`
component that supports light/dark mode images and also webp/avif
formats.

To compress the images, I ran:

```
npx @squoosh/cli --avif "{ 'effort': 4 }" --webp "{ 'effort': 6, 'lossless': true }" <filename>.png
```

# Screenshots

<img width="1624" alt="Screenshot 2023-06-29 at 11 57 28 PM"
src="https://github.com/expo/expo/assets/6455018/c8e5fd82-5732-4fa7-a428-1e328c618324">
<img width="1624" alt="Screenshot 2023-06-29 at 11 57 31 PM"
src="https://github.com/expo/expo/assets/6455018/6bbaaec5-0e44-472d-b846-31a6ad1a78b7">


# Test Plan

Clone this repo locally and look at /eas-update/deployment patterns and
make sure the diagrams look like the screenshots above.

show more ...