adjust schema component page text

Author: devalog

fern/products/docs/pages/component-library/default-components/schema.mdx

@@ -3,25 +3,25 @@ title: Schema
 description: Display any type definition from your API Reference
 ---
 
-The `<Schema>` component displays type definitions from your API Reference. Use it to render any type schema directly in your documentation pages, making it easy to reference data models, request objects, or response types throughout your docs.
+The `<Schema>` component displays type definitions from your API Reference anywhere in your documentation. Use it to reference data models, request objects, or response types outside of your API Reference pages.
 
-This component is similar to [`<EndpointSchemaSnippet>`](/docs/writing-content/components/endpoint-schema-snippet), but accepts any type name rather than being limited to endpoint-specific schemas.
+Similar to [`<EndpointSchemaSnippet>`](/docs/writing-content/components/endpoint-schema-snippet), but accepts any type name rather than being limited to endpoint-specific schemas. The component only discovers types referenced by endpoints. Types exclusively used by websockets/webhooks won't be available.
 
+## Usage
+
+<Info>
 Before using the `<Schema>` component, you must reference the API in your `docs.yml` file:
 
 ```yaml docs.yml
 - api: API reference
-api-name: docs-yml
+  api-name: docs-yml
 ```
-
-<Note>
-The Schema component can only discover types that are referenced by endpoints in your API definition. Types exclusively referenced by websockets/webhooks or types that aren't referenced at all won't be available.
-</Note>
-
-## Usage
+</Info>
 
 <div className="highlight-frame">
+    <div className="highlight-frame-content">
 <Schema type="AIChatConfig" />
+    </div>
 </div>
 
 ```jsx Markdown