The header and footer positioning are currently made possible by a main tag with the class name mainContent; this needs to be put into a modular PageLayout component that can be reused across all page components for higher cohesion (i.e. the layout should be abstracted from the page components). This may require some changes involving the current usage of the StatusModal component across all of the pages, but shouldn't be too complicated if props are employed for easy plug-and-play behavior.
The header and footer positioning are currently made possible by a
maintag with the class namemainContent; this needs to be put into a modularPageLayoutcomponent that can be reused across all page components for higher cohesion (i.e. the layout should be abstracted from the page components). This may require some changes involving the current usage of theStatusModalcomponent across all of the pages, but shouldn't be too complicated if props are employed for easy plug-and-play behavior.