moonstream/frontend/src/layouts/index.js

import React from "react";
import Footer from "../components/Footer";
import Scrollable from "../components/Scrollable";
import RootLayout from "./RootLayout";
import Navbar from "../components/Navbar";
const LayoutWrapper = ({ children }) => {
  return (
    <RootLayout>
      <Scrollable>
        <Navbar />
        {children}
        <Footer />
      </Scrollable>
    </RootLayout>
  );
};

export const getLayout = (page) => <LayoutWrapper>{page}</LayoutWrapper>;

export default LayoutWrapper;