docs: callout (dotansimha#8352)

Author: n1ru4l

website/src/pages/docs/advanced/how-does-it-work.mdx

@@ -11,6 +11,8 @@ This process, applied to the `@graphql-codegen/typescript` plugin, is illustrate
 
 ![Codegen flow example](../../../../public/assets/illustrations/codegen_flow1.png)
 
+import { Callout } from '@theguild/components'
+
 <Callout>
 **Operations and fragments must have unique names**
 

website/src/pages/docs/getting-started/index.mdx

@@ -354,6 +354,12 @@ Now, with simple configuration and an npm/yarn script, a front-end developers be
 
 - **less boilerplate** (thanks to full code generation such as React hooks generation)
 
+<Callout>
+**Operations and fragments must have unique names**
+
+GraphQL Code Generator checks for this automatically and will let you know if you have any conflicts.
+</Callout>
+
 <Callout>
 **How does GraphQL Code Generator work?**