From e636df7fd1c55501718266b789752372e166cef8 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 19 Jul 2025 15:16:13 +0000
Subject: [PATCH] Add header/footer to data structures page

Add global header and footer to the data structures page and rename the page to "Data Structures and Algorithms".
---
 src/components/InteractiveGallery.tsx    | 4 ++--
 src/pages/theme-pages/DataStructures.tsx | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/InteractiveGallery.tsx b/src/components/InteractiveGallery.tsx
index 54b8651..89b6933 100644
--- a/src/components/InteractiveGallery.tsx
+++ b/src/components/InteractiveGallery.tsx
@@ -26,7 +26,7 @@ const InteractiveGallery = () => {
     const InteractiveComponent = selectedInteractive.component;
     return <div className="space-y-6">
         <div className="flex items-center gap-4">
-          <button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">← Back to Data Structures</button>
+          <button onClick={() => setSelectedInteractive(null)} className="text-primary hover:text-primary/80 font-medium">← Back to Data Structures and Algorithms</button>
           
         </div>
         <div className="bg-background border rounded-lg p-6">
@@ -36,7 +36,7 @@ const InteractiveGallery = () => {
   }
   return <div className="space-y-6">
       <div className="space-y-4">
-        <h1 className="text-3xl font-bold text-foreground">Data Structures</h1>
+        <h1 className="text-3xl font-bold text-foreground">Data Structures and Algorithms</h1>
         <p className="text-muted-foreground text-lg">Interactive explorations of elementary data structures and algorithms.</p>
       </div>
 
diff --git a/src/pages/theme-pages/DataStructures.tsx b/src/pages/theme-pages/DataStructures.tsx
index 617e03a..879a147 100644
--- a/src/pages/theme-pages/DataStructures.tsx
+++ b/src/pages/theme-pages/DataStructures.tsx
@@ -1,12 +1,13 @@
+import Layout from "@/components/Layout";
 import InteractiveGallery from "@/components/InteractiveGallery";
 
 const DataStructures = () => {
   return (
-    <div className="min-h-screen bg-background">
+    <Layout>
       <div className="max-w-7xl mx-auto p-6">
         <InteractiveGallery />
       </div>
-    </div>
+    </Layout>
   );
 };