at the end of the day, it was inevitable

frontend/app/styles/layout/generic/_animations.scss

@@ -0,0 +1,45 @@
+// Sidebar Animation
+
+.SidebarAnimation-appear {
+  transform: translateX(-30px);
+  opacity: 0;
+
+  &.SidebarAnimation-appear-active {
+    opacity: 1;
+    transform: translateX(0);
+    transition: all .4s linear;
+  }
+}
+
+// Tabs Animation
+
+.TabsAnimation-appear {
+  @extend .animated;
+  @extend .fadeInUp;
+}
+
+// Header Animation
+
+.HeaderAnimation-appear {
+  transform: translateY(-30px);
+  opacity: 0;
+
+  &.HeaderAnimation-appear-active {
+    opacity: 1;
+    transform: translateY(0);
+    transition: all .4s linear;
+  }
+}
+
+// Main Animation
+
+.MainAnimation-appear {
+  transform: translateY(-30px);
+  opacity: 0;
+
+  &.MainAnimation-appear-active {
+    opacity: 1;
+    transform: translateY(0);
+    transition: all .4s linear;
+  }
+}

frontend/app/styles/layout/generic/_generic-base.scss

@@ -0,0 +1,14 @@
+// General
+
+a,
+button,
+.btn {
+  outline: none !important;
+}
+
+.app-container {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  margin: 0;
+}