web/Sidebar: mark remux tab as beta

web/src/components/sidebar/Sidebar.svelte

@@ -32,7 +32,7 @@
             <SidebarTab tabName="save" tabLink="/">
                 <IconDownload />
             </SidebarTab>
-            <SidebarTab tabName="remux" tabLink="/remux">
+            <SidebarTab tabName="remux" tabLink="/remux" beta>
                 <IconRepeat />
             </SidebarTab>
         </div>

web/src/components/sidebar/SidebarTab.svelte

@@ -5,6 +5,7 @@
 
     export let tabName: string;
     export let tabLink: string;
+    export let beta = false;
 
     const firstTabPage = ["save", "remux", "settings"];
 
@@ -44,6 +45,9 @@
     role="tab"
     aria-selected={isTabActive}
 >
+    {#if beta}
+        <div class="beta-sign">β</div>
+    {/if}
     <slot></slot>
     {$t(`tabs.${tabName}`)}
 </a>
@@ -97,6 +101,12 @@
         transform: none;
     }
 
+    .beta-sign {
+        position: absolute;
+        transform: translateX(16px) translateY(-6px);
+        opacity: 0.7;
+    }
+
     @keyframes pressButton {
         0% {
             transform: scale(0.95);