feat: replace static transaction lifecycle image with interactive diagram

Swap the PNG ImageZoom for a DrawioReactFlow component using the
manifest-driven interactive diagram on the transaction lifecycle
deep-dive page.

Author: anegg0

docs/how-arbitrum-works/deep-dives/transaction-lifecycle.mdx

@@ -8,6 +8,7 @@ content_type: concept
 ---
 
 import ImageZoom from '@site/src/components/ImageZoom';
+import DrawioReactFlow from '@site/src/components/DrawioReactFlow';
 
 You can submit transactions to <a data-quicklook-from="arbitrum">Arbitrum</a> through two main pathways:
 
@@ -35,11 +36,7 @@ You can also submit transactions directly to the Delayed Inbox contract on the p
 
 The following diagram shows the different ways you can submit transactions to Arbitrum:
 
-<ImageZoom
-  src="/img/haw-transaction-lifecycle.png"
-  alt="Transaction lifecycle diagram showing various pathways for submitting transactions"
-  className="img-600px"
-/>
+<DrawioReactFlow manifest="/diagrams/haw-transaction-lifecycle.manifest.xml" />
 
 ## Submitting transactions to the Sequencer