feat: status indicators in header for tmdb & torrentio

templates/components/Header.html.twig

@@ -6,6 +6,20 @@
             <div class="md:flex md:items-center md:gap-12">
                 <nav aria-label="Global" class="md:block">
                     <ul class="ml-4 flex items-end md:items-center md:gap-6 text-sm">
+                        <li>
+                            <div class="flex flex-row justify-center items-start gap-2 p-2 w-10 mt-1 h-6 rounded-lg border border-orange-500 text-orange-500">
+                                <status-checker-span
+                                        class="h-2 w-2 rounded-full text-green-600 bg-green-600"
+                                        url="https://torrentio.strem.fun"
+                                        service="Torrentio">
+                                </status-checker-span>
+                                <status-checker-span
+                                        class="h-2 w-2 rounded-full text-green-600 bg-green-600"
+                                        url="https://api.themoviedb.org/3"
+                                        service="TMDB">
+                                </status-checker-span>
+                            </div>
+                        </li>
                         <li>
                             <a href="{{ path('app.monitor.upcoming-episodes') }}" data-turbo="false" title="View upcoming episodes of the shows you're subscribed to.">
                                 <twig:ux:icon name="solar:calendar-linear" width="25px" class="text-orange-500" />