add: last.fm status integration

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

@@ -847,4 +847,38 @@ state.data %}
         </div>
     </div>
 </div>
+{% endif %} {%- endmacro %} {% macro last_fm_playing(state, size="60px") -%} {%
+if state and state.data %}
+<div class="card-nest">
+    <div class="card flex items-center justify-between gap-2 small">
+        <div class="flex items-center gap-2">
+            <b>Listening on</b>
+            {{ icon "last_fm" }}
+        </div>
+    </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 }}"
+        />
+
+        <div class="flex flex-col">
+            <h5 class="w-full">
+                <a href="{{ state.external_urls.track }}" class="flush"
+                    >{{ state.data.track }}</a
+                >
+            </h5>
+
+            <span class="fade"
+                ><a href="{{ state.external_urls.artist }}" class="flush"
+                    >{{ state.data.artist }}</a
+                ></span
+            >
+        </div>
+    </div>
+</div>
 {% endif %} {%- endmacro %}