fixed the footer space issue (#494)

* fixed the footer space issue

* Change the class name to 'h-screen.'

Author: Ali7040

components/Layout.tsx

@@ -61,7 +61,7 @@ export default function Layout({
         <main
           className={classnames(
             mainClassName,
-            'z-10 xl:rounded-xl pt-4 mx-auto',
+            'z-10 h-screen  xl:rounded-xl pt-4 mx-auto',
           )}
         >
           <header

components/Sidebar.tsx

@@ -183,7 +183,7 @@ export const SidebarLayout = ({ children }: { children: React.ReactNode }) => {
           </div>
         </div>
 
-        <div className='max-w-[1400px] mx-auto grid grid-cols-1 lg:grid-cols-4 mx-4 md:mx-12'>
+        <div className='max-w-[1400px] grid grid-cols-1 lg:grid-cols-4 mx-4 md:mx-12'>
           <div className='hidden lg:block mt-24'>
             <DocsNav />
             <CarbonAds