feat: make music label more dynamically configurable (#389)

* feat: make music lable more dynamically configurable

* fix: move seekbar above controls

* fix: add menu for media

* fix: add menu for media

* fix: add menu for media

* Organize media player code

* fix: revert back controls position

* Delete pnpm-lock.yaml

* Update options.ts

* Update widget/settings/pages/config/bar/index.ts

* fix: merge changes broken

---------

Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>

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

@@ -2,6 +2,9 @@ import { BoxWidget } from 'lib/types/widget';
 import { songName } from './name/index';
 import { songAuthor } from './author/index';
 import { songAlbum } from './album/index';
+import options from 'options';
+
+const { hideAlbum, hideAuthor } = options.menus.media;
 
 export const MediaInfo = (): BoxWidget => {
     return Widget.Box({
@@ -9,6 +12,8 @@ export const MediaInfo = (): BoxWidget => {
         hpack: 'center',
         hexpand: true,
         vertical: true,
-        children: [songName(), songAuthor(), songAlbum()],
+        children: Utils.merge([hideAlbum.bind('value'), hideAuthor.bind('value')], (hidAlbum, hidAuthor) => {
+            return [songName(), ...(hidAuthor ? [] : [songAuthor()]), ...(hidAlbum ? [] : [songAlbum()])];
+        }),
     });
 };