Docs: Update sidebar order and text (#1256)

* Update docs sidebar order

* Changeset for docs

* Fix unrelated lint issue on broadcast channel.

Author: carloskelly13

.changeset/swift-bears-grow.md

@@ -0,0 +1,5 @@
+---
+'spectacle-docs': minor
+---
+
+Updated the order of the sidebar items.

docs/api-reference.md

@@ -1,7 +1,7 @@
 ---
 title: API Reference
-order: 5
-sidebar_position: 5
+order: 4
+sidebar_position: 4
 ---
 
 # API Reference

docs/extensions.md

@@ -1,7 +1,7 @@
 ---
 title: Extensions
-order: 7
-sidebar_position: 7
+order: 8
+sidebar_position: 8
 ---
 
 # Third Party Extensions

docs/faq.md

@@ -1,7 +1,7 @@
 ---
 title: FAQ
-order: 8
-sidebar_position: 8
+order: 9
+sidebar_position: 9
 ---
 
 # Frequently Asked Questions

docs/props.md

@@ -1,7 +1,7 @@
 ---
 title: Base Props
-order: 3
-sidebar_position: 3
+order: 5
+sidebar_position: 5
 ---
 
 # Base Props

docs/slide-layouts.md

@@ -1,5 +1,10 @@
-import Full from '../website/static/img/slide-layouts/full.png';
+---
+title: Slide Layouts
+order: 6
+sidebar_position: 6
+---
 
+import Full from '../website/static/img/slide-layouts/full.png';
 
 ## SlideLayout
 
@@ -225,4 +230,4 @@ A layout with an image that covers the entire slide.
 | `imgContainerProps` | `ComponentProps<typeof FlexBox>`      | ❌        | `{ style: { border: '8px solid white' } }`                                |
 | `objectFit`         | `React.CSSProperties['objectFit']`    | ❌        | `cover`                                                                   |
 
-![Full bleed image layout example slide](../website/static/img/slide-layouts/fullBleed.png)
+![Full bleed image layout example slide](../website/static/img/slide-layouts/fullBleed.png)

docs/themes.md

@@ -1,7 +1,7 @@
 ---
 title: Themes
-order: 4
-sidebar_position: 4
+order: 7
+sidebar_position: 7
 ---
 
 # Theme System

docs/tutorial.md

@@ -1,7 +1,7 @@
 ---
 title: Getting Started
-order: 6
-sidebar_position: 6
+order: 3
+sidebar_position: 3
 ---
 
 # Getting Started with Spectacle: A Tutorial

packages/spectacle/src/hooks/use-broadcast-channel.ts

@@ -5,10 +5,11 @@ import { DeckView } from './use-deck-state';
 
 const noop = () => {};
 let safeWindow: any = {};
-if (typeof window !== "undefined") {
+if (typeof window !== 'undefined') {
   safeWindow = window;
 }
-const BroadcastChannel = safeWindow.BroadcastChannel || BroadcastChannelPolyfill;
+const BroadcastChannel =
+  safeWindow.BroadcastChannel || BroadcastChannelPolyfill;
 
 type MessageCallback = (message: MessageTypes) => void;