React/componentize error page styles (#271)

* componentize error page styles

* move error page styles into organism

* move narrow template styles into pages componentize with error page components

* center align site logo on error pages

* revert justify center site logo

* add changelog

changelogs/componentize-error-page-styles.txt

@@ -0,0 +1,4 @@
+___DESCRIPTION___
+Added (see below)
+Change_impact (see below)
+- (React) Componentize scss into error page organism and pages  #271

react/src/components/organisms/ErrorPage/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import './styles.css';
 
 const ErrorPage = (errorPage) => (
   <section className="ma__error-page">

react/src/components/organisms/ErrorPage/styles.scss

@@ -0,0 +1,2 @@
+@import 'global';
+@import "03-organisms/error-page";

react/src/components/pages/Error403/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import NarrowTemplate from '../../templates/NarrowTemplate';
 import ErrorPage from '../../organisms/ErrorPage';
+import '../styles.css';
 
 const Error403 = () => (
   <NarrowTemplate side="right" color="yellow">

react/src/components/pages/Error404/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import NarrowTemplate from '../../templates/NarrowTemplate';
 import ErrorPage from '../../organisms/ErrorPage';
+import '../styles.css';
 
 const Error404 = () => (
   <NarrowTemplate side="right" color="yellow">

react/src/components/pages/Error500/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import NarrowTemplate from '../../templates/NarrowTemplate';
 import ErrorPage from '../../organisms/ErrorPage';
+import '../styles.css';
 
 const Error500 = () => (
   <NarrowTemplate side="right" color="yellow">

react/src/components/pages/styles.scss

@@ -0,0 +1,2 @@
+@import 'global';
+@import "04-templates/narrow-template";

react/src/index.scss

@@ -143,7 +143,6 @@ $assets-path: './assets';
 @import "03-organisms/content-eyebrow";
 @import "03-organisms/curated-person";
 @import "03-organisms/emergency-alerts";
-@import "03-organisms/error-page";
 @import "03-organisms/event-listing";
 @import "03-organisms/event-listing-interactive";
 @import "03-organisms/featured-item-mosaic";
@@ -210,7 +209,6 @@ $assets-path: './assets';
 @import "04-templates/form-page";
 @import "04-templates/general";
 @import "04-templates/information-details";
-@import "04-templates/narrow-template";
 @import "04-templates/organization-details";
 @import "04-templates/policy-advisory";
 @import "04-templates/press";