Refactor DefaultLayout component to remove TableOfContents.Desktop from the middle of the layout

Author: jpg619

src/layout.js

@@ -39,15 +39,13 @@ const DefaultLayout = ({children}) => {
     <Box
       sx={{
         justifyContent: 'center',
-        flexDirection: 'row-reverse',
         display: 'flex',
         maxWidth: '1200px',
         mx: 'auto',
         width: '100%',
         p: [4, 5, 6, 7],
       }}
     >
-      <TableOfContents.Desktop />
       <Container as="main">
         <Box sx={{mb: 4}}>
           <Breadcrumbs />
@@ -60,6 +58,7 @@ const DefaultLayout = ({children}) => {
         {children}
         <PageFooter />
       </Container>
+      <TableOfContents.Desktop />
     </Box>
   )
 }