redesign base component (#232)

* redesign base component

* rebrand base component

* redesign base component

* rewrite & optimize base component

* redesign base component

* address feedback

Co-authored-by: Waheed Ahmed <waheed.ahmed@arbisoft.com>

src/common-components/SmallScreenLayout.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import SmallScreenHeader from './SmallScreenHeader';
+
+const SmallScreenLayout = (props) => {
+  const { children } = props;
+
+  return (
+    <>
+      <SmallScreenHeader />
+      { children }
+    </>
+  );
+};
+
+SmallScreenLayout.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default SmallScreenLayout;