Fix incorrect docusaurus callout MDX in writing guidelines

- should be using EUI components as part of the example

packages/website/docs/components/guidelines/writing/guidelines.mdx

@@ -7,6 +7,7 @@ sidebar_position: 3
 
 import {
   EuiCard,
+  EuiCallOut,
   EuiFlexGroup,
   EuiButton,
   EuiPanel,
@@ -100,9 +101,9 @@ Proper nouns include product names, solutions, apps, feature tiers, and subscrip
 </Guideline>
 
 <Guideline type="do" text="App names are also capitalized, as seen in Dashboard app in this example. When referring to building a dashboard, the term is capitalized. In another example, the Machine Learning app is upper case, but the machine learning feature is lower case." panelPadding="xl">
-  :::note Building a dashboard?
-  Create content directly from our Dashboard app using our new integrated workflow. [Learn more](https://brand.elastic.co/302f66895/p/072ccc-naming-guide)
-  :::
+  <EuiCallOut iconType="gear" title="Building a dashboard?">
+    Create content directly from our Dashboard app using our new integrated workflow. <EuiLink href="https://brand.elastic.co/302f66895/p/072ccc-naming-guide" target="_blank">Learn more</EuiLink>
+  </EuiCallOut>
 </Guideline>
 
 For more information, view the [Elastic name guidelines.](https://brand.elastic.co/302f66895/p/072ccc-naming-guide)