Clean up media module logic and code. (#380)

* Organized media menu code

* More consolidation

modules/menus/media/components/controls/index.ts

@@ -0,0 +1,22 @@
+import { BoxWidget } from 'lib/types/widget.js';
+import { shuffleControl } from './shuffle/index.js';
+import { previousTrack } from './previous/index.js';
+import { playPause } from './playpause/index.js';
+import { nextTrack } from './next/index.js';
+import { loopControl } from './loop/index.js';
+
+const Controls = (): BoxWidget => {
+    return Widget.Box({
+        class_name: 'media-indicator-current-player-controls',
+        vertical: true,
+        children: [
+            Widget.Box({
+                class_name: 'media-indicator-current-controls',
+                hpack: 'center',
+                children: [shuffleControl(), previousTrack(), playPause(), nextTrack(), loopControl()],
+            }),
+        ],
+    });
+};
+
+export { Controls };