Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

assets/style/scss/custom/transition/fade-up.scss

@@ -0,0 +1,12 @@
+// Animation for transition fade
+.fade-up-enter-active,
+.fade-up-leave-active {
+  transition: transform 0.4s cubic-bezier(0.17, 0.67, 0.84, 0.79),
+    opacity 0.3s linear;
+}
+
+.fade-up-enter-from,
+.fade-up-leave-to {
+  opacity: 0;
+  transform: translateY(-10%);
+}

assets/style/scss/custom/transition/fade.scss

@@ -0,0 +1,10 @@
+// Animation for transition fade
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}

assets/style/scss/custom/transition/page.scss

@@ -0,0 +1,11 @@
+// Animation for transition fade
+.page-enter-active,
+.page-leave-active {
+  transition: transform 0.3s ease, opacity 0.4s ease;
+}
+
+.page-enter-from,
+.page-leave-to {
+  transform: scale(1.02);
+  opacity: 0;
+}

assets/style/scss/custom/transition/slide-fade.scss

@@ -0,0 +1,17 @@
+/*
+  Enter and leave animations can use different
+  durations and timing functions.
+*/
+.slide-fade-enter-active {
+  transition: all 0.3s ease-out;
+}
+
+.slide-fade-leave-active {
+  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  transform: translateX(20px);
+  opacity: 0;
+}

assets/style/scss/custom/transition/slide.scss

@@ -0,0 +1,10 @@
+.slide-enter-active,
+.slide-leave-active {
+  transition: translateY, opacity 0.2s ease;
+}
+
+.slide-enter-from,
+.slide-leave-to {
+  transform: translateY(0px);
+  opacity: 0;
+}