add navbar and footer in itinerary summary page

src/pages/ItinerarySummaryPage.tsx

@@ -14,6 +14,8 @@ import { ImageWithFallback } from '../components/figma/ImageWithFallback';
 import { useCreateMagicItineraryMutation, useGetItineraryDetailsByIdQuery } from '../Redux/services/itinerary.service';
 import { toast } from 'sonner';
 import { useNavigate, useParams } from 'react-router-dom';
+import Navbar from '../components/Navbar';
+import { Footer } from '../components/Footer';
 
 const ItinerarySummaryPage = () => {
     const [viewMode, setViewMode] = useState<'daily' | 'summary'>('daily');
@@ -33,10 +35,14 @@ const ItinerarySummaryPage = () => {
 
 
     return (
+         <div className="min-h-screen bg-background">
+      {/* Navbar */}
+      <Navbar
+      />
         <motion.div
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
-            className="space-y-8 max-w-3xl mx-auto"
+            className="space-y-8 max-w-3xl mx-auto mt-25"
         >
             {/* Title */}
             <div className="text-center space-y-1">
@@ -318,13 +324,16 @@ const ItinerarySummaryPage = () => {
             {/* Bottom Action */}
             <div className="flex justify-center pt-4 pb-8">
                 <Button
-                    onClick={() => navigate('/create-itinerary-design')}
+                    onClick={() => navigate('/create-itinerary')}
                     className="w-full font-poppins font-semibold px-8 py-3 rounded-xl bg-primary hover:bg-primary/90 text-white shadow-md shadow-primary/20"
                 >
                     Create Another Itinerary
                 </Button>
             </div>
         </motion.div>
+         <Footer
+              />
+            </div>
     );
 }