usage section consistency edits

Author: devalog

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

@@ -5,6 +5,10 @@ description: Display expandable/collapsible options with browser search function
 
 The Accordion component creates expandable sections with searchable, SEO-friendly content that remains accessible even when collapsed. Use accordions for FAQs, documentation sections, settings panels, or any content where progressive disclosure improves readability.
 
+You can use single Accordions or group multiple Accordions together with AccordionGroup.
+
+## Usage
+
 <div className="highlight-frame">
 <AccordionGroup>
   <Accordion title="Section 1" defaultOpen={true}>
@@ -16,10 +20,6 @@ The Accordion component creates expandable sections with searchable, SEO-friendl
 </AccordionGroup>
 </div>
 
-## Usage
-
-You can have single Accordions, or multiple Accordions enclosed in an Accordion Group. 
-
 ```jsx Markdown syntax
 <AccordionGroup>
   <Accordion title="Section 1" defaultOpen={true}>

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

@@ -7,10 +7,6 @@ Callouts highlight important information, warnings, or tips in your documentatio
 
 To display very short pieces of information like status indicators and version numbers, use the [Badges component](/docs/writing-content/components/badges).
 
-<div className="highlight-frame">
-<Note>This adds a note in the content</Note>
-</div>
-
 ## Usage
 
 <div className="highlight-frame">

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

@@ -8,7 +8,7 @@ The Code Block component displays code examples with syntax highlighting powered
 
 ## Usage
 
-Wrap your code in three backticks and optionally specify the language for syntax highlighting.
+Use three backticks with an optional language identifier.
 
 <div className="highlight-frame">
   ```js
@@ -37,7 +37,6 @@ console.log("hello world")
 console.log("hello world")
 ```
 ````
-  
 
 ### Line highlighting
 

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

@@ -5,6 +5,8 @@ description: Add interactive tooltips to your documentation.
 
 The Tooltip component displays additional information when users hover over text or code elements. Use tooltips to provide context, definitions, or explanations without cluttering your documentation.
 
+## Usage
+
 <div className="highlight-frame">
 	Documentation becomes more interactive when you add <Tooltip tip="A simple tooltip for basic explanations">tooltips</Tooltip> to key terms. 
 </div>