remove dead code and unify patterns

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>

src/layouts/Layout.astro

@@ -15,26 +15,11 @@ const {
   description = "Infosec engineer passionate about Linux/NixOS, blockchains, OSINT & FOSS. Hacking with Go, exploring open tech, and contributing whenever I can 🐧",
 } = Astro.props;
 
-// Custom blur-fade animation configuration
-const blurFadeAnimation = {
-  old: {
-    name: "blurFadeOut",
-    duration: "0.1s",
-    easing: "ease-in-out",
-    fillMode: "forwards",
-  },
-  new: {
-    name: "blurFadeIn",
-    duration: "0.1s",
-    easing: "ease-in-out",
-    fillMode: "backwards",
-  },
-};
-
-const pageTransition = {
-  forwards: blurFadeAnimation,
-  backwards: blurFadeAnimation,
+const anim = {
+  old: { name: "blurFadeOut", duration: "0.1s", easing: "ease-in-out", fillMode: "forwards" },
+  new: { name: "blurFadeIn", duration: "0.1s", easing: "ease-in-out", fillMode: "backwards" },
 };
+const pageTransition = { forwards: anim, backwards: anim };
 
 const origin = Astro.url.origin;
 ---
@@ -49,23 +34,19 @@ const origin = Astro.url.origin;
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
 
-    <!-- View Transitions -->
     <ClientRouter />
 
-    <!-- Open Graph / Social Media -->
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
     <meta property="og:type" content="website" />
     <meta property="og:url" content={origin} />
     <meta property="og:image" content={`${origin}/images/og_home.png`} />
 
-    <!-- Twitter -->
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />
     <meta name="twitter:image" content={`${origin}/images/og_home.png`} />
 
-    <!-- RSS Feed -->
     <link
       rel="alternate"
       type="application/rss+xml"
@@ -87,13 +68,11 @@ const origin = Astro.url.origin;
     <Oneko />
     <Console />
 
-    <!-- Smooth Scroll -->
     <style is:global>
       html {
         scroll-behavior: smooth;
       }
 
-      /* Initial Page Load Blur-Fade Animation */
       @keyframes pageLoadBlurFade {
         0% {
           opacity: 0;
@@ -106,11 +85,10 @@ const origin = Astro.url.origin;
       }
 
       html {
-        animation: pageLoadBlurFade 0.3s ease-in-out;
+        animation: pageLoadBlurFade 0.1s ease-in-out;
         animation-fill-mode: both;
       }
 
-      /* Blur Fade View Transitions (for page-to-page navigation) */
       @keyframes blurFadeIn {
         0% {
           opacity: 0;