Add vertical alignment to the Topology view in the editor
### Expected Behavior

The button to switch between vertical/horizontal (as it used to be) would be the best solution. 

if not possible to bring it back, make vertical view to be the default 

### Actual Behaviour

the horizontal display is the default 

![image](https://github.com/kestra-io/kestra/assets/86264395/ab22d9f5-4143-47b5-a841-e7858cf5820c)
 the 

### Steps To Reproduce

_No response_

### Environment Information

- Kestra Version: develop full image



### Example flow

_No response_
ui/src/components/inputs/LowCodeEditor.vue
ui/src/components/inputs/LowCodeEditor.vue
diff --git a/ui/src/components/inputs/LowCodeEditor.vue b/ui/src/components/inputs/LowCodeEditor.vue
index 8923583025..ff587c3674 100644
--- a/ui/src/components/inputs/LowCodeEditor.vue
+++ b/ui/src/components/inputs/LowCodeEditor.vue
@@ -109,6 +109,12 @@
         generateGraph();
     })
 
+    watch(() => props.viewType, () => {
+        isHorizontal.value = props.viewType === "source-topology" ? false :
+            (props.viewType?.indexOf("blueprint") !== -1 ? true : localStorage.getItem("topology-orientation") === "1")
+        generateGraph();
+    })
+
     // Event listeners & Watchers
     const observeWidth = () => {
         const resizeObserver = new ResizeObserver(function () {
@@ -549,7 +555,7 @@
 
 <template>
     <div ref="vueFlow" class="vueflow">
-        <slot name="top-bar"/>
+        <slot name="top-bar" />
         <VueFlow
             v-model="elements"
             :default-marker-color="cssVariable('--bs-cyan')"
