DebugConsole must now be created from components

Remove the default console from UI.qml and add a utils.js function
to create one quickly.
Using this function from the component we actually want to debug gives
the console full access to that component's scope, children IDs, etc.

src/qml/UI.qml

@@ -5,6 +5,7 @@ import QtQuick.Window 2.7
 import QtGraphicalEffects 1.12
 import "Base"
 import "SidePane"
+import "utils.js" as Utils
 
 Item {
     id: mainUI
@@ -16,7 +17,6 @@ Item {
     readonly property alias sidePane: sidePane
     readonly property alias pageLoader: pageLoader
     readonly property alias pressAnimation: pressAnimation
-    readonly property alias debugConsole: debugConsoleLoader.item
     readonly property alias fullScreenPopup: fullScreenPopup
 
     SequentialAnimation {
@@ -33,7 +33,6 @@ Item {
         (modelSources["Account"] || []).length > 0 ||
         py.startupAnyAccountsSaved
 
-
     Shortcuts { id: shortcuts }
 
     HImage {
@@ -142,11 +141,6 @@ Item {
         }
     }
 
-    HLoader {
-        id: debugConsoleLoader
-        source: debugMode ? "DebugConsole.qml" : ""
-    }
-
     HPopup {
         id: fullScreenPopup
         dim: false