Add common header and footer

Implement a common header and footer for all pages except interactive pages. The footer will initially contain placeholder text.

src/pages/theme-pages/SchoolConnect.tsx

@@ -1,10 +1,14 @@
+import Layout from "@/components/Layout";
+
 import InteractiveGallery from "@/components/InteractiveGallery";
 
 const SchoolConnect = () => {
   return (
-    <div className="container mx-auto px-4 py-8">
-      <InteractiveGallery />
-    </div>
+    <Layout>
+      <div className="container mx-auto px-4 py-8">
+        <InteractiveGallery />
+      </div>
+    </Layout>
   );
 };