fix: display media total length on bar and add a time label (#435)

* fix: display media total length on bar

* fix: add option to display custom nomedia text

* feat: add dedicated label too

* fix: media add more window names for playables

* fix: add option to control display time

* Consolidate code and make tooltip timestamp for media bar opt-in.

---------

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

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

@@ -1,8 +1,11 @@
 import { BoxWidget } from 'lib/types/widget';
 import { getPlayerInfo } from '../../helpers';
+import options from 'options';
 
 const media = await Service.import('mpris');
 
+const { noMediaText } = options.menus.media;
+
 export const songName = (): BoxWidget => {
     return Widget.Box({
         class_name: 'media-indicator-current-song-name',
@@ -14,12 +17,14 @@ export const songName = (): BoxWidget => {
                 wrap: true,
                 class_name: 'media-indicator-current-song-name-label',
                 setup: (self) => {
-                    self.hook(media, () => {
-                        const curPlayer = getPlayerInfo();
-                        return (self.label =
-                            curPlayer !== undefined && curPlayer['track_title'].length
-                                ? curPlayer['track_title']
-                                : 'No Media Currently Playing');
+                    return Utils.merge([noMediaText.bind('value')], (noMediaTxt) => {
+                        self.hook(media, () => {
+                            const curPlayer = getPlayerInfo();
+                            return (self.label =
+                                curPlayer !== undefined && curPlayer['track_title'].length
+                                    ? curPlayer['track_title']
+                                    : noMediaTxt);
+                        });
                     });
                 },
             }),