fix: footer missing on learn & about layout (nodejs#6949)

Author: rakeshkumar1019

apps/site/layouts/About.tsx

@@ -1,6 +1,7 @@
 import type { FC, PropsWithChildren } from 'react';
 
 import WithBreadcrumbs from '@/components/withBreadcrumbs';
+import WithFooter from '@/components/withFooter';
 import WithMetaBar from '@/components/withMetaBar';
 import WithNavBar from '@/components/withNavBar';
 import WithSidebar from '@/components/withSidebar';
@@ -21,6 +22,8 @@ const AboutLayout: FC<PropsWithChildren> = ({ children }) => (
 
       <WithBreadcrumbs navKeys={['about', 'getInvolved']} />
     </ArticleLayout>
+
+    <WithFooter />
   </>
 );
 

apps/site/layouts/Learn.tsx

@@ -1,6 +1,7 @@
 import type { FC, PropsWithChildren } from 'react';
 
 import WithBreadcrumbs from '@/components/withBreadcrumbs';
+import WithFooter from '@/components/withFooter';
 import WithMetaBar from '@/components/withMetaBar';
 import WithNavBar from '@/components/withNavBar';
 import WithProgressionSidebar from '@/components/withProgressionSidebar';
@@ -26,6 +27,8 @@ const LearnLayout: FC<PropsWithChildren> = ({ children }) => (
 
       <WithBreadcrumbs navKeys={['learn']} />
     </ArticleLayout>
+
+    <WithFooter />
   </>
 );
 

apps/site/layouts/layouts.module.css

@@ -1,6 +1,8 @@
 .baseLayout {
   @apply grid
-    size-full
+    h-max
+    min-h-full
+    w-full
     grid-cols-[1fr]
     grid-rows-[auto_1fr_auto];
 }