fix: move add viz button to right

libs/shared/lib/vis/components/VisualizationTabBar.tsx

@@ -41,6 +41,36 @@ export default function VisualizationTabBar(props: { fullSize: () => void }) {
       <div className="flex items-center">
         <h1 className="text-xs font-semibold text-secondary-600 px-2 truncate">Visualization</h1>
       </div>
+
+      <Tabs>
+        {openVisualizationArray.map((vis, i) => {
+          const isActive = activeVisualizationIndex === i;
+          return (
+            <Tab
+              key={i}
+              activeTab={isActive}
+              text={vis.name}
+              onClick={() => onSelect(i)}
+              onDragStart={(e) => handleDragStart(e, i)}
+              onDragOver={(e) => handleDragOver(e)}
+              onDrop={(e) => handleDrop(e, i)}
+              draggable
+            >
+              <Button
+                variantType="secondary"
+                variant="ghost"
+                rounded
+                size="2xs"
+                iconComponent={<Close />}
+                onClick={(e) => {
+                  e.stopPropagation();
+                  onDelete(i);
+                }}
+              />
+            </Tab>
+          );
+        })}
+      </Tabs>
       <div className="items-center shrink-0 px-0.5">
         <TooltipProvider delayDuration={0}>
           <Tooltip>
@@ -72,35 +102,6 @@ export default function VisualizationTabBar(props: { fullSize: () => void }) {
           </Tooltip>
         </TooltipProvider>
       </div>
-      <Tabs>
-        {openVisualizationArray.map((vis, i) => {
-          const isActive = activeVisualizationIndex === i;
-          return (
-            <Tab
-              key={i}
-              activeTab={isActive}
-              text={vis.name}
-              onClick={() => onSelect(i)}
-              onDragStart={(e) => handleDragStart(e, i)}
-              onDragOver={(e) => handleDragOver(e)}
-              onDrop={(e) => handleDrop(e, i)}
-              draggable
-            >
-              <Button
-                variantType="secondary"
-                variant="ghost"
-                rounded
-                size="2xs"
-                iconComponent={<Close />}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  onDelete(i);
-                }}
-              />
-            </Tab>
-          );
-        })}
-      </Tabs>
       <div className="shrink-0 sticky right-0 px-0.5 ml-auto items-center flex">
         <ControlContainer>
           <TooltipProvider delayDuration={0}>