update schema code block to use MDXCode

src/pages/[platform]/reference/amplify_outputs/index.mdx

@@ -1,5 +1,6 @@
 import { getCustomStaticPath } from '@/utils/getCustomStaticPath';
 import schema from "./amplify-outputs-schema-v1.json"
+import { MDXCode } from '@/components/MDXComponents';
 
 export const meta = {
   title: 'About amplify_outputs.json',
@@ -126,6 +127,8 @@ Amplify.configure({
 
 The Amplify outputs file is defined using a JSON schema. You can find this schema in the [`aws-amplify/amplify-backend` repository](https://github.com/aws-amplify/amplify-backend/blob/main/packages/client-config/src/client-config-schema/schema_v1.json).
 
-<pre><code style={{ maxWidth: "100%", overflowX: "scroll" }}>
-{JSON.stringify(schema, null, 2)}
-</code></pre>
+<MDXCode
+  codeString={JSON.stringify(schema, null, 2)}
+  title="schema-v1.json"
+  language="json"
+/>