docs(pencil): typo fix on demo/index.js

wrong custom element name
`badge` -> `table`

demo/index.js

@@ -1,3 +1,3 @@
 import { AuroTable } from '../src/auro-table.js';
 
-AuroTable.register('custom-badge');
+AuroTable.register('custom-table');

demo/index.md

@@ -2,24 +2,24 @@
 The index.md file is a compiled document. No edits should be made directly to this file.
 README.md is created by running `npm run build:docs`.
 This file is generated based on a template fetched from `./docs/partials/index.md`
--->
-
+-->
+
 # Table
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./description.md) -->
 <!-- The below content is automatically added from ./description.md -->
 Use the `auro-table` custom element to illustrate non-dynamic tabular data. The auro-table element is responsive, with a flexible layout and an easy-to-use JSON API.
-<!-- AURO-GENERATED-CONTENT:END -->
-
+<!-- AURO-GENERATED-CONTENT:END -->
+
 ## Use Cases
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./useCases.md) -->
 <!-- The below content is automatically added from ./useCases.md -->
 The `<auro-table>` element should be used in situations where users may:
 
 * Show static tabluar data
-<!-- AURO-GENERATED-CONTENT:END -->
-
+<!-- AURO-GENERATED-CONTENT:END -->
+
 ## Example(s)
 
 <div class="exampleWrapper">
@@ -35,12 +35,12 @@ The `<auro-table>` element should be used in situations where users may:
     ]'>My morning schedule
   </auro-table>
   <!-- AURO-GENERATED-CONTENT:END -->
-</div>
+</div>
 <auro-accordion alignRight>
-  <span slot="trigger">See code</span>
+  <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/basic.html) -->
-<!-- The below code snippet is automatically added from ./../../apiExamples/basic.html -->
-
+<!-- The below code snippet is automatically added from ./../../apiExamples/basic.html -->
+
 ```html
 <auro-table
   columnHeaders='["","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]'
@@ -50,11 +50,11 @@ The `<auro-table>` element should be used in situations where users may:
   {"": "Team meeting", "Wednesday": "10:00am" },
   {"": "Morning workout", "Monday": "8:00am", "Tuesday": "8:00am", "Wednesday": "8:00am", "Thursday": "8:00am", "Friday": "8:00am" }
   ]'>My morning schedule
-</auro-table>
-```
-<!-- AURO-GENERATED-CONTENT:END -->
-</auro-accordion>
-
+</auro-table>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+</auro-accordion>
+
 ## React and Svelte support
 
 ```js
@@ -66,11 +66,11 @@ const data=JSON.stringify([
   {"": "Morning workout", "Monday": "8:00am", "Tuesday": "8:00am", "Wednesday": "8:00am", "Thursday": "8:00am", "Friday": "8:00am" }
 ])
 
-<auro-table nowrap columnHeaders={headers} componentData={data}>Default text</auro-table>
-```
-
-Having a closing statement about your example helps to really complete the thought with your reader.
+<auro-table nowrap columnHeaders={headers} componentData={data}>Default text</auro-table>
+```
 
+Having a closing statement about your example helps to really complete the thought with your reader.
+
 ## WC Style Sheets support
 
 For use cases where the general design of the Auro Table is needed, but the component is unseable, please use the [.auro_table](https://alaskaairlines.github.io/WebCoreStyleSheets/#utility-auro-css-#{$scope}.auro_table) styles from the Web Core Style Sheets library.
@@ -97,9 +97,9 @@ For use cases where the general design of the Auro Table is needed, but the comp
       <td>with two columns</td>
     </tr>
   </tbody>
-</table>
-```
-
+</table>
+```
+
 ## Recommended Use and Version Control
 
 There are two important parts of every Auro component. The <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes">class</a> and the custom element. The class is exported and then used as part of defining the Web Component. When importing this component as described in the <a href="#install">install</a> section, the class is imported and the `auro-table` custom element is defined automatically.
@@ -127,12 +127,12 @@ This will create a new custom element that you can use in your HTML that will fu
     ]'>My morning schedule
   </custom-table>
   <!-- AURO-GENERATED-CONTENT:END -->
-</div>
+</div>
 <auro-accordion alignRight>
-  <span slot="trigger">See code</span>
+  <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/customTable.html) -->
-<!-- The below code snippet is automatically added from ./../../apiExamples/customTable.html -->
-
+<!-- The below code snippet is automatically added from ./../../apiExamples/customTable.html -->
+
 ```html
 <custom-table
   columnHeaders='["","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]'
@@ -142,7 +142,7 @@ This will create a new custom element that you can use in your HTML that will fu
   {"": "Team meeting", "Wednesday": "10:00am" },
   {"": "Morning workout", "Monday": "8:00am", "Tuesday": "8:00am", "Wednesday": "8:00am", "Thursday": "8:00am", "Friday": "8:00am" }
   ]'>My morning schedule
-</custom-table>
-```
-<!-- AURO-GENERATED-CONTENT:END -->
+</custom-table>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>