Merge pull request 'Media-Cleaner-Homepage-and-Api' (#7) from Media-Cleaner-Homepage-and-Api into main

Reviewed-on: #7

Jellyfin.Plugin.MediaCleaner/Pages/home.html

@@ -2,7 +2,6 @@
      data-controller="__plugin/home.js">
 	<div data-role="content">
 		<div class="content-primary">
-            <link rel="stylesheet" href="/web/configurationpage?name=home.css" />
             <div id="loading">Loading...</div>
             <div id="homepage" style="visibility: hidden;">
                 <button class="links" data-target="configurationpage?name=Settings">Settings</button>

Jellyfin.Plugin.MediaCleaner/Pages/home.js

@@ -1,4 +1,5 @@
 document.addEventListener('pageshow', async () => {
+    await fetchHomepageCSS();
     await updateMediaCleanerState();
 
     var moviesTitle = document.getElementById("moviesTitle");
@@ -135,3 +136,16 @@ const finishLoading = () => {
     console.log("Loading element: ", loadingElement);
     console.log("Homepage element: ", homepage);
 }
+
+const fetchHomepageCSS = async () => {
+    const response = await fetch('/web/configurationpage?name=home.css')
+
+    if(!response.ok){
+        throw new Error(`Response status: ${response.status}`);
+    }
+
+    const css = await response.text();
+    const styles = document.createElement('style');
+    styles.textContent = css;
+    document.head.appendChild(styles);
+}