ags: add config option for gtk anim duration

.config/ags/modules/bar/normal/music.js

@@ -186,7 +186,7 @@ export default () => {
                         Revealer({
                             revealChild: true,
                             transition: 'slide_left',
-                            transitionDuration: 200,
+                            transitionDuration: userOptions.animations.durationLarge,
                             child: Box({
                                 className: 'spacing-h-10 margin-left-10',
                                 children: [

.config/ags/modules/bar/normal/system.js

@@ -88,7 +88,7 @@ const BarBattery = () => Box({
     className: 'spacing-h-4 txt-onSurfaceVariant',
     children: [
         Revealer({
-            transitionDuration: 150,
+            transitionDuration: userOptions.animations.durationSmall,
             revealChild: false,
             transition: 'slide_right',
             child: MaterialIcon('bolt', 'norm', { tooltipText: "Charging" }),
@@ -133,7 +133,7 @@ const BarGroup = ({ child }) => Widget.Box({
 });
 const BatteryModule = () => Stack({
     transition: 'slide_up_down',
-    transitionDuration: 150,
+    transitionDuration: userOptions.animations.durationLarge,
     children: {
         'laptop': Box({
             className: 'spacing-h-4', children: [

.config/ags/modules/bar/normal/tray.js

@@ -3,8 +3,6 @@ import SystemTray from 'resource:///com/github/Aylur/ags/service/systemtray.js';
 const { Box, Icon, Button, Revealer } = Widget;
 const { Gravity } = imports.gi.Gdk;
 
-const revealerDuration = 200;
-
 const SysTrayItem = (item) => Button({
     className: 'bar-systray-item',
     child: Icon({
@@ -32,7 +30,7 @@ export const Tray = (props = {}) => {
     const trayRevealer = Widget.Revealer({
         revealChild: true,
         transition: 'slide_left',
-        transitionDuration: revealerDuration,
+        transitionDuration: userOptions.animations.durationLarge,
         child: trayContent,
     });
     return Box({