Made main layout and footer not be in column direction

app/components/dashboard-layout.tsx

@@ -49,6 +49,7 @@ export const DashboardLayout = ({ children }: React.PropsWithChildren<{}>) => {
         </Button>
       </header>
 
+      <div className="flex-1">
         {children}
 
         <footer className="my-5">
@@ -78,6 +79,7 @@ export const DashboardLayout = ({ children }: React.PropsWithChildren<{}>) => {
           </ul>
         </footer>
       </div>
+    </div>
   )
 }