Move tabs to tab folder

src/Tools/tim_tool/ui/tab/about-tab.slint

@@ -0,0 +1,10 @@
+import { AboutSlint } from "std-widgets.slint";
+export component AboutTab {
+    VerticalLayout {
+        AboutSlint {}
+        Text {
+            x: 8pt;
+            text: "TIM_Tool Version 0.1.0";
+        }
+    }
+}

src/Tools/tim_tool/ui/tab/file-tab.slint

@@ -0,0 +1,3 @@
+export component FileTab inherits Rectangle {
+
+}

src/Tools/tim_tool/ui/tab/main-tab.slint

@@ -0,0 +1,53 @@
+import { VRAMArea } from "../vram-components.slint";
+import { GroupBox, StandardListView } from "std-widgets.slint";
+
+export component MainTab inherits Rectangle {
+    width:  group.width  + group.x*2;
+    height: group.height + group.y*2 + 32px;
+
+    group := GroupBox {
+        title: "VRAM Layout";
+        x: 4px;
+        y: 4px;
+        
+        VerticalLayout {
+            background_rect := Rectangle {
+                width:  background_image.width + 8px;
+                height: background_image.height + 8px;
+                border-width: 4px;
+                border-color: black;
+                background_image := VRAMArea {
+                    x: 4px;
+                    y: 4px;
+                    img: @image-url("../../../../../examples/PoolBox/assets/AllTheJaby.png");
+                    img_x: 0;
+                    img_y: 0;
+                }
+                // Extend these from input some how
+                /*VRAMArea {
+                    x: 4px;
+                    y: 4px;
+                    img: @image-url("../../../../examples/PoolBox/assets/IMG_6921.png");
+                    img_x: 80;
+                    img_y: 80;
+                }*/
+            }
+            HorizontalLayout {
+                GroupBox {
+                    title: "Added Files";
+                    StandardListView {
+                        width: background_image.width/2;
+                        height: 128px;
+                        model: [ { text: "Blue"}, { text: "Red" }, { text: "Green" },
+                            { text: "Yellow" }, { text: "Black"}, { text: "White"},
+                            { text: "Magenta" }, { text: "Cyan" },
+                        ];
+                    }
+                }
+                GroupBox {
+                    title: "Current File";
+                }
+            }
+        }
+    }
+}