Update src/content/design-system/development/guides/usage

apps/site/src/content/design-system/development/guides/usage/design/using-components/content.mdoc

@@ -9,7 +9,7 @@ We recommended the individual package import approach if you have issues with [T
 return (
 <section>
   <div className="space-x-4 mb-2">
-    <button look="primary">Pay here</button>
+    <Button look="primary">Pay here</Button>
   </div>
 </section>
 ); } `} />
@@ -25,7 +25,7 @@ However, use this approach with caution as it may cause issues with [Tree shakin
 <StaticCode language="tsx" code={` import { Button } from '@westpac/ui'; export default function SampleApp() { return (
 <section>
   <div className="space-x-4 mb-2">
-    <button look="primary">Pay here</button>
+    <Button look="primary">Pay here</Button>
   </div>
 </section>
 ); } `} />

apps/site/src/content/design-system/development/guides/usage/index.yaml

@@ -1,8 +1,13 @@
 name: Usage
-description: >-
-  This page describes how to use GEL components within your application.
+description: This page describes how to use GEL components within your application.
+namedExport:
+  discriminant: false
+excludeFromNavbar: false
 design:
   - title:
       name: Using components
       slug: using-components
+    noTitle: false
 accessibility: []
+relatedComponents: []
+code: []