Setup a templating engine

We need to have a reproducible way of handling React elements through
out the system. This is required to handle things like GOV.UK Frontend,
Page Titles, global CSRF tokens and similar shared elements.

We're also Reactifying the first piece of the system.

We have to sadly override some of the JSX interfaces globally, due to
some HTML backwards supportability. [See here][1]

[1]: alphagov/govuk-frontend#1688

config/jest/enzyme.config.js

@@ -0,0 +1,4 @@
+const { configure } = require('enzyme');
+const Adapter = require('enzyme-adapter-react-16');
+
+configure({ adapter: new Adapter() });

config/webpack.config.js

@@ -48,7 +48,7 @@ let cfg = {
   },
 
   resolve: {
-    extensions: ['.ts', '.js', '.json']
+    extensions: ['.ts', '.tsx', '.js', '.json']
   },
 
   module: {
@@ -109,22 +109,16 @@ let cfg = {
               includePaths: ['@govuk-frontend/govuk/components'],
               configure: path.resolve(__dirname, './nunjucks.config.js')
             }
-          },
-          {
-            loader: 'html-loader',
-            options: {
-              attrs: ['img:src', 'link:href', 'script:src']
-            }
           }
         ]
       },
       {
-        test: /\.ts/,
+        test: /\.(ts(x?))/,
         use: [
           {
             loader: 'ts-loader',
             options: {
-              reportFiles: [/(?<!\.test)\.ts/]
+              reportFiles: [/(?<!\.test)\.ts(x?)/]
             }
           }
         ]