Better mobile slider handling

src/mobile/routes/home.svelte

@@ -19,8 +19,8 @@
  onMount(async () => {
      if (app)
          return
-     app = $uiState.app = new ComfyApp();
 
+     app = $uiState.app = new ComfyApp();
 
      app.api.addEventListener("status", (ev: CustomEvent) => {
          queueState.statusUpdated(ev.detail as ComfyAPIStatus);
@@ -48,6 +48,9 @@
         <ListItem link="/graph/" title="Show Node Graph">
             <i class="icon icon-f7" slot="media" />
         </ListItem>
+        <ListItem link="/hell/" title="🔥 HELL 🔥">
+            <i class="icon icon-f7" slot="media" />
+        </ListItem>
     </List>
 
     <div class="canvas-wrapper pane-wrapper" style="display: none">

src/mobile/routes/subworkflow.svelte

@@ -11,10 +11,16 @@
 <Page name="subworkflow">
     <Navbar title="Workflow {subworkflowID}" backLink="Back" />
 
-    <WidgetContainer bind:dragItem={$layoutState.root} classes={["root-container", "mobile"]} />
+    <div class="container">
+        <WidgetContainer bind:dragItem={$layoutState.root} isMobile={true} classes={["root-container", "mobile"]} />
+    </div>
 </Page>
 
 <style lang="scss">
+ .container {
+     overflow-x: hidden;
+ }
+
  // TODO generalize this to all properties!
  :global(.root-container.mobile > .block > .v-pane) {
      flex-direction: column !important;