docs: replace h3 with h2 headings (#1452)

docs/src/pages/components/Dropdown.svx

@@ -13,25 +13,25 @@ components: ["Dropdown", "DropdownSkeleton"]
   <div class="body-short-01">Every <code>items</code> object must have a unique "id" property.</div>
 </InlineNotification>
 
-### Default
+## Default
 
 <Dropdown titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Custom slot
+## Custom slot
 
 Override the default slot to customize the display of each item. Access the item and index through the `let:` directive.
 
 <FileSource src="/framed/Dropdown/DropdownSlot" />
 
-### Hidden label
+## Hidden label
 
 <Dropdown hideLabel titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Format item display text
+## Format item display text
 
 Use the `itemToString` prop to format the display of individual items.
 
@@ -41,11 +41,11 @@ Use the `itemToString` prop to format the display of individual items.
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Multiple dropdowns
+## Multiple dropdowns
 
 <FileSource src="/framed/Dropdown/MultipleDropdown" />
 
-### Top direction
+## Top direction
 
 Set `direction` to `"top"` for the dropdown menu to appear above the input.
 
@@ -53,49 +53,49 @@ Set `direction` to `"top"` for the dropdown menu to appear above the input.
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Light variant
+## Light variant
 
 <Dropdown light titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Inline variant
+## Inline variant
 
 <Dropdown type="inline" titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Extra-large size
+## Extra-large size
 
 <Dropdown size="xl" titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Small size
+## Small size
 
 <Dropdown size="sm" titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Invalid state
+## Invalid state
 
 <Dropdown invalid invalidText="Secondary contact method must be different from the primary contact" titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Warning state
+## Warning state
 
 <Dropdown warn warnText="This contact method is not associated with your account" titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Disabled state
+## Disabled state
 
 <Dropdown disabled titleText="Contact" selectedId="0" items="{[{id: "0", text: "Slack"},
   {id: "1", text: "Email"},
   {id: "2", text: "Fax"}]}" />
 
-### Disabled items
+## Disabled items
 
 Use the `disabled` property in the `items` prop to disable specific items.
 
@@ -109,6 +109,6 @@ Use the `disabled` property in the `items` prop to disable specific items.
   ]}
 />
 
-### Skeleton
+## Skeleton
 
 <DropdownSkeleton />