feat(highlight-code): add line numbers

Author: StefanNieuwenhuis

docs/docs/components/app-components-highlight-code/app-components-highlight-code.md

@@ -91,6 +91,8 @@ The `<deckgo-highlight-code/>` could be styled using the following CSS4 variable
 | --deckgo-highlight-code-font-size |  | The size of the font for the code |
 | --deckgo-highlight-code-font-family | monospace | The family of the font for the code |
 | --deckgo-highlight-code-line-background | #3880ff | The background of the lines you wish to highlight |
+| --deckgo-highlight-code-line-divider | #999999  | The color of the line numbers |
+| --deckgo-highlight-code-line-number | #999999  | The color of the divider between line numbers and code |
 | --deckgo-highlight-code-line-padding |  | A padding for each lines you wish to highlight |
 | --deckgo-highlight-code-line-border-top |  | The border-top property of the lines you wish to highlight |
 | --deckgo-highlight-code-direction | ltr | The direction of the displayed code |

webcomponents/highlight-code/src/components/highlight-code/readme.md

@@ -15,6 +15,7 @@
 | `hideAnchor`     | `hide-anchor`     |             | `boolean` | `true`                |
 | `highlightLines` | `highlight-lines` |             | `string`  | `undefined`           |
 | `language`       | `language`        |             | `string`  | `'javascript'`        |
+| `lineNumbers`    | `line-numbers`    |             | `boolean` | `true`                |
 | `src`            | `src`             |             | `string`  | `undefined`           |