Added Tab Bar and animations

ui/app-window.slint

@@ -6,6 +6,7 @@ import { VerticalBox, Button } from "std-widgets.slint";
 import { Palette } from "palette.slint";
 import { DataWindow } from "components/data-window.slint";
 import { MapWindow } from "components/map-window.slint";
+import { MinimizedTab } from "components/minimized-tab.slint";
 
 component StatusBadge {
     in property <string> label;
@@ -43,6 +44,8 @@ component MenuButton {
         border-radius: 8px;
 
         background: area.pressed ? Palette.brand : area.has-hover ? Palette.bg-hover : Palette.bg-main;
+        animate background { duration: 100ms; }
+        animate border-color { duration: 100ms; }
 
         HorizontalLayout {
             padding-left: 12px;
@@ -123,6 +126,21 @@ export component AppWindow inherits Window {
             background: Palette.bg-secondary;
             horizontal-stretch: 1;
             vertical-stretch: 1;
+            VerticalLayout {
+                padding-top: 4px;
+                height: 100%;
+                width: 28px;
+                x: parent.width - self.width + 2px;
+                alignment: start;
+                MinimizedTab {
+                    name: "Spark Advance";
+                }
+
+                MinimizedTab {
+                    name: "Voltage Graph";
+                }
+            }
+
             DataWindow {
                 x: 0;
                 y: 0;
@@ -149,7 +167,7 @@ export component AppWindow inherits Window {
                 y: 0;
                 data-min: 2200;
                 data-max: 9400;
-                name: "Config 1 - Injection Period";
+                name: "Injection Period";
                 map-axis: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
                 rpm-axis: [
                     250,