Display SDL tab

docs/content/010-getting-started/03-tutorial/04-chapter-3-adding-mutations-to-your-api.mdx

@@ -271,7 +271,7 @@ We need to get the client's input data to complete our resolver. This brings us
 
 Let's revise our implementation with GraphQL arguments.
 
-<TabbedContent tabs={['Diff', 'Code']}>
+<TabbedContent tabs={['Diff', 'Code', 'SDL']}>
 
 <tab>
 
@@ -340,7 +340,7 @@ export const PostMutation = extendType({
 
 </tab>
 
-</TabbedContent>
+<tab>
 
 ```ts
 Mutation {
@@ -349,6 +349,10 @@ Mutation {
 }
 ```
 
+</tab>
+
+</TabbedContent>
+
 1. Add an `args` property to the field definition to define its args. Keys are arg names and values are type specifications.
 2. Use the Nexus helpers for defining an arg type. There is one such helper for every GraphQL scalar such as `intArg` and `booleanArg`. If you want to reference a type like some InputObject then use `arg({ type: "..." })`. You can use the helpers `nonNull` and `nullable` to adjust the nullability type of the arg. You can use the functional helper `list` to turn the arg into a list type too.
 3. In our resolver, access the args we specified above and pass them through to our custom logic. If you hover over the `args` parameter you'll see that Nexus has properly typed them including the fact that they cannot be undefined.