add: pull track duration

crates/app/src/public/html/components.html

@@ -860,13 +860,15 @@ if state and state.data %}
     </div>
 
     <div class="card secondary flex gap-2">
-        <img
-            src="{{ state.external_urls.track_img }}"
-            alt="Track cover"
-            loading="lazy"
-            class="avatar"
-            style="--size: {{ size }}"
-        />
+        <a href="{{ state.external_urls.track }}">
+            <img
+                src="{{ state.external_urls.track_img }}"
+                alt="Track cover"
+                loading="lazy"
+                class="avatar"
+                style="--size: {{ size }}"
+            />
+        </a>
 
         <div class="flex flex-col">
             <h5 class="w-full">
@@ -880,6 +882,16 @@ if state and state.data %}
                     >{{ state.data.artist }}</a
                 ></span
             >
+
+            {% if state.data.duration_ms and state.data.duration_ms != "0" %}
+            <span
+                hook="spotify_time_text"
+                hook-arg:updated="{{ state.data.timestamp }}"
+                hook-arg:progress="25000"
+                hook-arg:duration="{{ state.data.duration_ms }}"
+                hook-arg:display="full"
+            ></span>
+            {% endif %}
         </div>
     </div>
 </div>