Added functionality to pages, layout for use with sidebar promotions

• Added:
- functionality to pages, layout for use with sidebar promotions

• Updated:
- pages, layouts to use StatusPromotionPanel

app/javascript/gabsocial/pages/modal_page.js

@@ -1,27 +1,31 @@
-import { Fragment } from 'react'
 import PageTitle from '../features/ui/util/page_title'
 import LinkFooter from '../components/link_footer'
 import WhoToFollowPanel from '../components/panel/who_to_follow_panel'
 import DefaultLayout from '../layouts/default_layout'
 
 export default class ModalPage extends PureComponent {
+
   static propTypes = {
     title: PropTypes.string,
+    page: PropTypes.string,
     children: PropTypes.node,
   }
 
   render() {
-    const { children, title } = this.props
+    const {
+      children,
+      title,
+      page,
+    } = this.props
 
     return (
       <DefaultLayout
         title={title}
-        layout={(
-          <Fragment>
-            <WhoToFollowPanel />
-            <LinkFooter />
-          </Fragment>
-        )}
+        page={page}
+        layout={[
+          <WhoToFollowPanel key='modal-page-wtf-panel' />,
+          <LinkFooter key='search-page-link-footer' />,
+        ]}
         showBackBtn
       >
         <PageTitle path={title} />
@@ -29,4 +33,5 @@ export default class ModalPage extends PureComponent {
       </DefaultLayout>
     )
   }
+
 }