Document issue with emoji spacing

Missing spaces is a recongised issue in the remark plugin. This adds there fix, but that doesn't seem to handle some cares so documented a workaround. Using   or unicode characters.

fixes #36

Author: stuarthendren

example/docs/example1.md

@@ -31,13 +31,13 @@ If in a folder you can use relative links so to link from page `example/1.md` to
 
 #### (H4) Emojis
 
-:tada: [emojis](https://www.webfx.com/tools/emoji-cheat-sheet/) are supported using their :shortcodes:
+:tada:  [emojis](https://www.webfx.com/tools/emoji-cheat-sheet/) are supported using their :shortcodes:
 
-##### (H5) Images
+> NB If you want a space after your emoji you may need to add ` 󠀠󠀠󠀠` or use the unicode space here ->󠀠󠀠󠀠󠀠 . This is a known issue.
 
-Images (PNG and JPEG)
+##### (H5) Images
 
-![Example Image](./CommittedSoftware.png "Committed Software")
+Images (PNG and JPEG) ![Example Image](./CommittedSoftware.png "Committed Software")
 
 SVG
 

example/docs/index.mdx

@@ -11,13 +11,13 @@ import { navigate } from "gatsby";
 
 The gatsby theme allows you to write documentation in Markdown. With support for:
 
-- :zap: MDX
-- :camera: images
-- :pencil2: svg
-- :tropical_fish: mermaid diagrams
-- :package: @committed/components
-- :tada: :shortcode: emoji.
-- :mag: search
+- :zap:  MDX
+- :camera:  images
+- :pencil2:  svg
+- :tropical_fish:  mermaid diagrams
+- :package:  @committed/components
+- :tada:  :shortcode: emoji.
+- :mag:  search
 
 This is meant for Committed's documentation site, but feel free to use it, or copy it, for your own projects.
 

theme/gatsby-config.js

@@ -77,7 +77,15 @@ module.exports = ({
       resolve: `gatsby-plugin-mdx`,
       options: {
         extensions: [`.mdx`, `.md`],
-        remarkPlugins: [require('remark-slug'), require('remark-emoji')],
+        remarkPlugins: [
+          require('remark-slug'),
+          [
+            require('remark-emoji'),
+            {
+              padSpaceAfter: true,
+            },
+          ],
+        ],
         gatsbyRemarkPlugins: [
           {
             resolve: require.resolve(`./plugins/fix-mermaid-pre`),