Replace mention of the "? question mark" with "! warning" icon. (#158)

Author: kevinmaes

docs/states/intro.mdx

@@ -17,7 +17,7 @@ Watch our [“What are states?” video on YouTube](https://www.youtube.com/watc
 
 :::studio
 
-In the Stately Studio, the rounded rectangle boxes are states. The **?** question mark icon in the machine above indicates an unreachable state. The state is unreachable because it isn’t connected to the [initial state](/states/initial-states.mdx) by a [transition](/transitions-and-events/intro.mdx).
+In the Stately Studio, the rounded rectangle boxes are states. The **!** warning icon in the machine above indicates an unreachable state. The state is unreachable because it isn’t connected to the [initial state](/states/initial-states.mdx) by a [transition](/transitions-and-events/intro.mdx).
 
 :::
 

versioned_docs/version-5/states.mdx

@@ -27,7 +27,7 @@ Watch our [“What are states?” video on YouTube](https://www.youtube.com/watc
 
 ## Using states in Stately Studio
 
-In Stately Studio, the rounded rectangle boxes are states. The **?** question mark icon in the machine above indicates an unreachable state. The state is unreachable because it isn’t connected to the [initial state](initial-states.mdx) by a [transition](transitions.mdx).
+In Stately Studio, the rounded rectangle boxes are states. The **!** warning icon in the machine above indicates an unreachable state. The state is unreachable because it isn’t connected to the [initial state](initial-states.mdx) by a [transition](transitions.mdx).
 
 ### Create a state