feat: replace static transaction lifecycle image in Inside Arbitrum Nitro

Swap the PNG ImageZoom for an interactive DrawioReactFlow diagram
on the Inside Arbitrum Nitro overview page.

Author: anegg0

docs/how-arbitrum-works/01-inside-arbitrum-nitro.mdx

@@ -8,20 +8,15 @@ content_type: concept
 ---
 
 import ImageWithCaption from '@site/src/components/ImageCaptions/';
+import DrawioReactFlow from '@site/src/components/DrawioReactFlow';
 
 ## Transaction processing journey on Arbitrum
 
 As a developer initiating a transaction on Arbitrum, gaining a clear understanding of the end-to-end flow—from initial submission through to finality—is helpful, but it isn't required.
 
 This overview methodically traces the transaction lifecycle, emphasizing how Arbitrum’s architecture ensures precise, efficient, and secure handling at every stage. This article covers the complete Arbitrum Nitro stack, beginning with the Sequencer, which is responsible for transaction ordering, advancing to the State Transition Function (STF) for execution, and culminating in validation mechanisms that uphold integrity.
 
-<ImageZoom
-  src="/img/haw-transaction-lifecycle.png"
-  className="img-600px"
-  alt="Transaction lifecycle"
->
-  Transaction lifecycle
-</ImageZoom>
+<DrawioReactFlow manifest="/diagrams/haw-transaction-lifecycle.manifest.xml" />
 
 Along the way, you will learn about Arbitrum’s ability to deliver security on par with Ethereum, while achieving fee reductions by a factor of ten and transaction speeds accelerated by a factor of 100 using optimized scaling techniques.