feat: Added callouts to example in Data availability topic. (#1006)

* Added callouts to example in Data availability topic.

* Update ui_bundle.zip to the one used in starknet-io/starknet-docs-antora-ui#33

* Revert ui_bundle.zip to the one used in HEAD.

* Using callouts.

components/Starknet/modules/architecture_and_concepts/pages/Network_Architecture/on-chain-data.adoc

@@ -70,26 +70,26 @@ Consider the following onchain data that was extracted from L1:
 [source,json]
 ----
 [
-  1,
-  2019172390095051323869047481075102003731246132997057518965927979101413600827,
-  18446744073709551617,
-  100,
-  200,
-  1,
-  1351148242645005540004162531550805076995747746087542030095186557536641755046,
-  558404273560404778508455254030458021013656352466216690688595011803280448032
+  1, <1>
+  2019172390095051323869047481075102003731246132997057518965927979101413600827, <2>
+  18446744073709551617, <3>
+  100, <4>
+  200, <4>
+  1, <5>
+  1351148242645005540004162531550805076995747746087542030095186557536641755046, <6>
+  558404273560404778508455254030458021013656352466216690688595011803280448032 <7>
 ]
 ----
-
-* The first element, `1`, is the number of contracts whose state was updated.
-* The second element, `2019172390095051323869047481075102003731246132997057518965927979101413600827`, is the address of the first, and only, contract whose state changed.
-* The third element, `18446744073709551617`, which is 2^64^+1, encodes the following:
-** The class information flag is `0`, that is, the contract was not deployed or replaced just now, so you shouldn't treat the next word as the class hash.
-** The new nonce is `1`.
-** One storage cell was updated.
-* The next two elements, `100` and `200`, encode the storage update, where the value of key `100` is set to `200`.
-* the new declare section: `1` includes a single xref:Network_Architecture/transactions.adoc#declare_v2[declare v2] transaction in this state update, and the next two elements
-encode xref:../Smart_Contracts/class-hash.adoc[the class hash] and the compiled class hash of the declared class.
+<1> The number of contracts whose state was updated.
+<2> The address of the first, and only, contract whose state changed.
+<3> `18446744073709551617`, which is 2^64^+1, encodes the following:
+* The class information flag is `0`, that is, the contract was not deployed or replaced just now, so you shouldn't treat the next word as the class hash.
+* The new nonce is `1`.
+* One storage cell was updated.
+<4> These two elements, `100` and `200`, encode the storage update, where the value of key `100` is set to `200`.
+<5> The new declare section: `1` includes a single xref:Network_Architecture/transactions.adoc#declare_v2[declare v2] transaction in this state update.
+<6> Encoding of xref:../Smart_Contracts/class-hash.adoc[the class hash].
+<7> Encoding of the compiled class hash of the declared class.
 
 == Data availability: pre v0.11.0