fix(compare): show missing footer section

Author: OmkarArdekar12

app/compare/page.tsx

@@ -1,6 +1,7 @@
 import { Suspense } from 'react';
 import type { Metadata } from 'next';
 import CompareClient from './CompareClient';
+import { Footer } from '../components/Footer';
 
 export const metadata: Metadata = {
   title: 'Compare | CommitPulse',
@@ -14,14 +15,19 @@ export const metadata: Metadata = {
 
 export default function ComparePage() {
   return (
-    <Suspense
-      fallback={
-        <div className="min-h-screen flex items-center justify-center pt-28 pb-16">
-          <div className="w-8 h-8 rounded-full border-2 border-emerald-500 border-t-transparent animate-spin"></div>
-        </div>
-      }
-    >
-      <CompareClient />
-    </Suspense>
+    <>
+      <Suspense
+        fallback={
+          <div className="min-h-screen flex items-center justify-center pt-28 pb-16">
+            <div className="w-8 h-8 rounded-full border-2 border-emerald-500 border-t-transparent animate-spin"></div>
+          </div>
+        }
+      >
+        <CompareClient />
+      </Suspense>
+      <div className="mx-auto max-w-7xl px-6 pb-8">
+        <Footer />
+      </div>
+    </>
   );
 }