Restructure to use separate scenes

Uses pseudo-router logic...

js/main.js

@@ -1,5 +1,4 @@
 import Map from "./map.js";
-import Scene from "./scene.js";
 /*
 	Main js entry for ATON web-app
 
@@ -7,30 +6,10 @@ import Scene from "./scene.js";
 // Realize our app
 let APP = ATON.App.realize();
 
-APP.UI = {};
-
-/**
- * 
- * @param {String} triggerSelector - Usually, the close modal trigger element(s) selector
- */
-APP.UI.pauseAudio = function(triggerSelector) {
-    // What if more than one audio element is playing?
-    const audio = document.querySelector('audio');
-    document.querySelectorAll(triggerSelector).forEach(el => {
-        el.addEventListener('click', () => audio.pause());
-    });
-    document.querySelector('.modal').addEventListener('blur', () => {
-        audio.pause();
-    });
-}
-
-
 // APP.setup() is required for web-app initialization
 // You can place here UI setup (HTML), events handling, etc.
 APP.setup = ()=>{
     Map.init('map');
-    APP.UI.pauseAudio('[data-bs-dismiss="modal"');
-    //APP.UI.showClipper('#clipper');
 };
 
 /* If you plan to use an update routine (executed continuously), you can place its logic here.