feat: colorize the ui based on the app color

app/stores/contact.ts

@@ -9,8 +9,7 @@ export const useContactStore = defineStore("contact", {
 
       titleY: SCREEN_HEIGHT,
 
-      topBarY: -20,
-      bottomBarY: SCREEN_HEIGHT + 20,
+      barOffsetY: 20,
     },
 
     outro: {
@@ -60,13 +59,11 @@ export const useContactStore = defineStore("contact", {
           this.intro,
           {
             stage3Opacity: 0,
-            topBarY: -20,
-            bottomBarY: SCREEN_HEIGHT - 4,
+            barOffsetY: 20,
           },
           {
             stage3Opacity: 1,
-            topBarY: 0,
-            bottomBarY: SCREEN_HEIGHT - 24,
+            barOffsetY: 0,
             duration: 0.1,
             ease: "none",
           },
@@ -93,7 +90,6 @@ export const useContactStore = defineStore("contact", {
       const timeline = gsap.timeline({
         onComplete: () => {
           setTimeout(() => {
-            this.isOutro = false;
             const router = useRouter();
             router.push({ query: {} });
           }, 2000);