SYNC: Merge branch 'feature/backup-restore'

packages/web/src/elements/HorizontalSplitter.svelte

@@ -33,10 +33,13 @@
   let collapsed2 = false;
 
   export let size = 0;
+  export let onChangeSize = null;
   let clientWidth;
   let customRatio = null;
 
   $: size = computeSplitterSize(initialValue, clientWidth, customRatio, initialSizeRight);
+
+  $: if (onChangeSize) onChangeSize(size);
 </script>
 
 <div class="container" bind:clientWidth>

packages/web/src/elements/TabControl.svelte

@@ -52,6 +52,8 @@
           {:else if tab.slot == 5}<slot name="5" />
           {:else if tab.slot == 6}<slot name="6" />
           {:else if tab.slot == 7}<slot name="7" />
+          {:else if tab.slot == 8}<slot name="8" />
+          {:else if tab.slot == 9}<slot name="9" />
           {/if}
         {/if}
       </div>