refactor toggle theme

src/layouts/Base.astro

@@ -6,6 +6,8 @@ import { plainify } from "@/lib/utils/textConverter";
 import Footer from "@/partials/Footer.astro";
 import Header from "@/partials/Header.astro";
 import "@/styles/main.scss";
+import { ViewTransitions } from 'astro:transitions';
+
 
 // font families
 const pf = theme.fonts.font_family.primary;
@@ -82,6 +84,8 @@ const { title, meta_title, description, image, noindex, canonical } =
       )}
     />
 
+    <ViewTransitions />
+
     <!-- author from config.json -->
     <meta name="author" content={config.metadata.meta_author} />