fix: update image style syntax in MDX files to use object syntax for consistency

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

content-learn/mastering-meshery/introduction-to-meshery/meshery/reviewing-designs.mdx

@@ -115,7 +115,12 @@ By following these steps, you can create a thorough and collaborative review pro
 1. <h4 class="chapter-sub-heading">Pinning of Comments</h4>
 
 <a href={pinningComments}>
-  <img src={pinningComments} width="100%" align="center" style="max-height:40rem;object-fit:contain;" />
+  <img
+    src={pinningComments}
+    width="100%"
+    align="center"
+    style={{ maxHeight: "40rem", objectFit: "contain" }}
+  />
 </a>
 
 This image illustrates the feature of pinning comments to specific nodes within Kanvas. This functionality allows users to attach a comment to a particular node, ensuring that the comment remains associated with the node regardless of its position within the design. This is particularly useful for providing context-specific feedback or instructions that should always be visible alongside the relevant component. You can take a comment icon near to a node and it automatically gets pinned to that node.