make storybook a tabbed window

components/StyledTabButton.qml

@@ -0,0 +1,44 @@
+import qs.config
+import QtQuick
+import QtQuick.Controls.Basic
+
+TabButton {
+    id: control
+
+    contentItem: Text {
+        id: icon
+        font.pixelSize: Styling.typography.textSize.base
+        font.family: Styling.typography.fontFamily
+        text: control.text
+        verticalAlignment: Text.AlignVCenter
+        horizontalAlignment: Text.AlignHCenter
+        color: control.hovered ? Styling.theme.primarycontent : Styling.theme.basecontent
+        Behavior on color {
+            ColorAnimation {
+                duration: Styling.animations.speed.normal
+            }
+        }
+        rotation: control.rotation
+        Behavior on rotation {
+            RotationAnimation {
+                duration: Styling.animations.speed.slow
+                easing.type: Easing.OutQuad
+            }
+        }
+    }
+
+    background: Rectangle {
+        id: rectangle
+        color: control.hovered ? Styling.theme.primary : Styling.theme.base200
+        Behavior on color {
+            ColorAnimation {
+                duration: Styling.animations.speed.normal
+            }
+        }
+        // radius: Styling.theme.radiusField
+    }
+
+    HoverHandler {
+        cursorShape: Qt.PointingHandCursor
+    }
+}