[Fix] UI Fixes (#266)

Rather than have a bunch of pull-requests that @jebus will have to merge shall we collect some of the fixes for the UI issues I found in here.

- [x] #259
- [x] #260
- [x] #261
- [x] #262
- [x] #263
- [x] #264
- [x] #265

Co-authored-by: Tobias O <tobias.olenyi@envipath.com>
Reviewed-on: enviPath/enviPy#266
Co-authored-by: Liam Brydon <lbry121@aucklanduni.ac.nz>
Co-committed-by: Liam Brydon <lbry121@aucklanduni.ac.nz>

static/js/alpine/pagination.js

@@ -44,6 +44,7 @@ document.addEventListener('alpine:init', () => {
 
       this.isLoading = true;
       this.error = null;
+      this.$dispatch('loading-start');
 
       try {
         const url = new URL(this.endpoint, window.location.origin);
@@ -74,6 +75,7 @@ document.addEventListener('alpine:init', () => {
         this.error = `Unable to load ${this.endpoint}. Please try again.`;
       } finally {
         this.isLoading = false;
+        this.$dispatch('loading-end');
       }
     },