web/Sidebar: add blank convert & shrink tabs

web/i18n/en/tabs.json

@@ -4,5 +4,7 @@
     "updates": "updates",
     "donate": "donate",
     "about": "about",
-    "remux": "remux"
+    "remux": "remux",
+    "shrink": "shrink",
+    "convert": "convert"
 }

web/src/components/sidebar/Sidebar.svelte

@@ -11,7 +11,10 @@
 
     import IconComet from "@tabler/icons-svelte/IconComet.svelte";
     import IconHeart from "@tabler/icons-svelte/IconHeart.svelte";
+    import IconTransform from "@tabler/icons-svelte/IconTransform.svelte";
     import IconInfoCircle from "@tabler/icons-svelte/IconInfoCircle.svelte";
+    import IconArrowsMinimize from "@tabler/icons-svelte/IconArrowsMinimize.svelte";
+
     import { defaultSettingsPage } from "$lib/settings/defaults";
 
     let screenWidth: number;
@@ -29,6 +32,12 @@
             <SidebarTab tabName="save" tabLink="/">
                 <IconDownload />
             </SidebarTab>
+            <SidebarTab tabName="convert" tabLink="/convert">
+                <IconTransform />
+            </SidebarTab>
+            <SidebarTab tabName="shrink" tabLink="/shrink">
+                <IconArrowsMinimize />
+            </SidebarTab>
             <SidebarTab tabName="remux" tabLink="/remux">
                 <IconRepeat />
             </SidebarTab>

web/src/components/sidebar/SidebarTab.svelte

@@ -6,7 +6,7 @@
     export let tabName: string;
     export let tabLink: string;
 
-    const firstTabPage = ["save", "remux", "settings"];
+    const firstTabPage = ["save", "convert", "shrink", "remux"];
 
     let tab: HTMLElement;