docs: flatten side nav hierarchy, remove recipes (#1430)

* style(docs): remove bottom margin in index route

* docs: flatten side nav hierarchy

* docs(accordion): move expandable accordion recipe

* docs(breadcrumb): move breadcrumb trail recipe

* docs: remove recipes

docs/src/pages/framed/Accordion/ExpandableAccordion.svelte

@@ -1,5 +1,7 @@
 <script>
-  export let items = [
+  import { Accordion, AccordionItem, Button } from "carbon-components-svelte";
+
+  const items = [
     {
       title: "Natural Language Classifier",
       description:
@@ -17,26 +19,17 @@
     },
   ];
 
-  import { Accordion, AccordionItem, Button } from "carbon-components-svelte";
-
   let open = false;
 </script>
 
-<Button
-  kind="ghost"
-  size="field"
-  on:click="{() => {
-    open = !open;
-  }}"
->
+<Button kind="ghost" size="field" on:click="{() => (open = !open)}">
   {open ? "Collapse" : "Expand"}
   all
 </Button>
 
 <Accordion>
   {#each items as item}
-    <AccordionItem open="{open}">
-      <h5 slot="title">{item.title}</h5>
+    <AccordionItem title="{item.title}" open="{open}">
       <p>{item.description}</p>
     </AccordionItem>
   {/each}

docs/src/pages/framed/Breadcrumbs/Breadcrumbs.svelte

@@ -1,32 +1,17 @@
 <script>
-  /**
-   * @type {{ href?: string; text: string; }[]} [items=[]]
-   */
-  export let items = [
+  import { Breadcrumb, BreadcrumbItem } from "carbon-components-svelte";
+
+  const items = [
     { href: "/", text: "Dashboard" },
     { href: "/reports", text: "Annual reports" },
     { href: "/reports/2019", text: "2019" },
   ];
-
-  import {
-    Row,
-    Column,
-    Breadcrumb,
-    BreadcrumbItem,
-  } from "carbon-components-svelte";
 </script>
 
-<Row>
-  <Column>
-    <Breadcrumb>
-      {#each items as item, i}
-        <BreadcrumbItem
-          href="{item.href}"
-          isCurrentPage="{i === items.length - 1}"
-        >
-          {item.text}
-        </BreadcrumbItem>
-      {/each}
-    </Breadcrumb>
-  </Column>
-</Row>
+<Breadcrumb>
+  {#each items as item, i}
+    <BreadcrumbItem href="{item.href}" isCurrentPage="{i === items.length - 1}">
+      {item.text}
+    </BreadcrumbItem>
+  {/each}
+</Breadcrumb>