Overhaul Qt UI

Now it uses FormCard and looks much, much nicer.

src/bin/auracite/Main.qml

@@ -2,6 +2,7 @@ import QtQuick
 import QtQuick.Layouts
 import QtQuick.Controls as QQC2
 import org.kde.kirigami as Kirigami
+import org.kde.kirigamiaddons.formcard as FormCard
 import zone.xiv.auracite
 
 Kirigami.ApplicationWindow {
@@ -11,23 +12,64 @@ Kirigami.ApplicationWindow {
 
     readonly property Backend backend: Backend {}
 
-    ColumnLayout {
+    pageStack.initialPage: Kirigami.Page {
-        QQC2.TextField {
+        contentItem: ColumnLayout {
+            anchors {
+                left: parent.left
+                right: parent.right
+                verticalCenter: parent.verticalCenter
+            }
+
+            spacing: Kirigami.Units.largeSpacing
+
+            FormCard.FormCard {
+                Layout.topMargin: Kirigami.Units.largeSpacing
+
+                maximumWidth: Kirigami.Units.gridUnit * 20
+
+                FormCard.FormTextFieldDelegate {
                     id: characterNameField
-
+                    label: i18n("Character Name")
                     placeholderText: "Full name of the character"
+                    focus: true
                 }
 
-        QQC2.CheckBox {
+                FormCard.FormDelegateSeparator {}
+
+                FormCard.FormCheckDelegate {
                     id: dalamudCheckbox
+                    text: i18n("Use Dalamud Plugin")
                 }
 
-        QQC2.Button {
+                FormCard.FormDelegateSeparator {}
-            text: "Archive"
+
+                FormCard.FormButtonDelegate {
+                    id: loginButton
+                    text: i18nc("@action:button", "Archive")
                     onClicked: root.backend.archiveCharacter(characterNameField.text, dalamudCheckbox.checked)
                 }
             }
 
+            FormCard.FormCard {
+                Layout.topMargin: Kirigami.Units.largeSpacing
+
+                maximumWidth: Kirigami.Units.gridUnit * 20
+
+                FormCard.FormButtonDelegate {
+                    id: aboutButton
+                    text: i18nc("@action:button Application settings", "Settings")
+                    icon.name: "settings-configure"
+                    onClicked: applicationWindow().pageStack.layers.push(aboutPage)
+
+                    Component {
+                        id: aboutPage
+                        FormCard.AboutPage {}
+                    }
+                }
+            }
+        }
+    }
+
     Connections {
         target: backend