⚠️ Fix most animations/transitions performance issues

- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy
- Use requestAnimationFrame over setTimeout
- Avoid repaints AMAP

src/style/atoms/_button-control.scss

@@ -14,7 +14,7 @@
     cursor: pointer;
     outline: none;
     transition: background-color 350ms $ease-quart;
-    will-change: background-color;
+    will-change: transform, opacity;
 
     @include breakpoint (sm) {
         width: 56px;
@@ -160,7 +160,7 @@
         overflow: visible;
         background-color: rgba($color-lightpurple, 0.5);
         transition: background-color 150ms $ease-inout;
-        will-change: background-color;
+        will-change: transform, opacity;
 
         // Icon
         svg[fill] {