[feature] Allow plugins to add JS/CSS to base.html

[opicron]

Version and OS
v0.52.9 - Docker

Is your feature request related to a problem? Please describe.
I am running 500+ (will be 2000+) watches and each have 2 tags. When I look at the watch table it is very bloated.

Describe the solution you'd like
I wrote some JS/CSS code to hide the tag tabs and add a input field to select the tags I want to evaluate instead of a mega list.
If I am able to queue JS/CSS code we can make plugins to customize certain aspects of the UI.

Describe the use-case and give concrete real-world examples
I am injecting CSS and JS during the docker build process to hide the tags and generate a tag selector using javascript.
I'd rather write a pluggy plugin which can add extra-stylesheets and extra-javascript so base.html can load them correctly.

So the feature request is:
Allow plugins to queue JS/CSS to base.html using extra-stylesheets and extra-javascript

[dgtlmoon]

whats the JS library you use for that nice tag widget?

[opicron]

whats the JS library you use for that nice tag widget?

It is a pure JS no library solution to hide tabs and generate a input field, datalist (for autocomplete dropdown) and button on enter (which copy the tab coloring etc). If datalist has same ID it will auto connect to input field.

[opicron]

Here is the custom js.

custom_input.js

I 'inject' this during the first run of the docker after build and up:

# Add custom.js to base.html
sudo docker exec changedetection bash -c 'sed -i "/custom\.js/b; /<\/body>/i \ \ \ \ <script src=\"{{url_for('\''static_content'\'', group='\''js'\'', filename='\''custom.js'\'')}}\" defer></script>" /app/changedetectionio/templates/base.html'