[AFP-131 Shaphen Pangburn]: Add footer component to root

ecom-web/src/components/footer/footer.jsx

+import { Component } from 'react';
+import '../../resources/stylesheets/footer.css'
+
+class Footer extends Component {
+    constructor(props) {
+        super(props)
+        this.state = {
+            
+        }
+    }
+
+    render() {
+        return (
+            <div className="footer">
+                All Rights Reserved 2021
+            </div>
+        )
+    }
+}
+
+export default Footer
\ No newline at end of file

ecom-web/src/components/root.js

 import React from 'react';
-import { Provider } from 'react-redux'
+import { Provider } from 'react-redux';
 import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
 import SessionContainer from './session/session-container';
 import ProductMarketContainer from './product-market/product-market-container';
 import ShoppingCartContainer from './shopping-cart/shopping-cart-container';
 import CheckoutContianer from './checkout/checkout-container';
-import Header from './Header/header-container'
+import Header from './header/header-container';
 import OrderHistory from './order-history/order-history';
+import Footer from './footer/footer';
 
 const Root = ({ store }) => (
   <Provider store={ store }>
@@ -25,6 +26,7 @@ const Root = ({ store }) => (
         <Route path="/checkout" component={ CheckoutContianer } />
         <Route path="/orders" component={ OrderHistory } />
       </Switch>
+      <Footer />
     </BrowserRouter>
   </Provider>
 )

ecom-web/src/resources/stylesheets/footer.css

+.footer {
+    height: 65px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: #f8f9fa;
+    opacity: 0.4;
+}
\ No newline at end of file