Custom JS and CSS (#1950)

* First commit for custom styles and JS

* Adjusted classes

* Added ids and classes for services and bookmarks

* Apply suggestions from code review

* Remove mime dependency

* Update settings.json

* Detect custom css / js changes, no refresh

* Added preload to custom scripts and styles so they can load earlier

* Added data attribute name for bookmarks too

* Update [path].js

* code style, revert some pointer changes

---------

Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

src/components/services/widget/block.jsx

@@ -8,7 +8,8 @@ export default function Block({ value, label }) {
     <div
       className={classNames(
         "bg-theme-200/50 dark:bg-theme-900/20 rounded m-1 flex-1 flex flex-col items-center justify-center text-center p-1",
-        value === undefined ? "animate-pulse" : ""
+        value === undefined ? "animate-pulse" : "",
+        "service-block"
       )}
     >
       <div className="font-thin text-sm">{value === undefined || value === null ? "-" : value}</div>

src/components/services/widget/container.jsx

@@ -36,5 +36,5 @@ export default function Container({ error = false, children, service }) {
     }));
   }
 
-  return <div className="relative flex flex-row w-full">{visibleChildren}</div>;
+  return <div className="relative flex flex-row w-full service-container">{visibleChildren}</div>;
 }