fix: quote dateFormat and gate hidden credential field focus

Quote the comma-bearing dateFormat default; QSettings reads an
unquoted comma as a QStringList and SDDM's stringValue() then returns
the empty string, leaving the value inert. Note the caveat in the
README Panel section.

Set activeFocusOnTab per credential stage so Tab cannot reach the
offscreen, transparent field and silently append to the submitted
value. forceActiveFocus() ignores activeFocusOnTab, so focusStage()
still lands focus in each stage.

Apply the remaining review fixes: compare the PowerBar fallback as a
string, animate the back chevron width, give both opacity behaviours
an OutCubic easing, gate the clock timer on panel visibility, clamp
panelWidth to 1, and reword stale "card" prose to "panel".

1 files changed, 5 insertions, 2 deletions

diff --git a/theme/components/Credentials.qml b/theme/components/Credentials.qml
index c2aba29..2bfbaf5 100644
--- a/theme/components/Credentials.qml
+++ b/theme/components/Credentials.qml
@@ -56,6 +56,7 @@ Item {
         height: 44
         clip: true
         visible: width > 0
+        Behavior on width { NumberAnimation { duration: 220; easing.type: Easing.OutCubic } }
 
         Rectangle {
             anchors.fill: parent
@@ -122,6 +123,7 @@ Item {
             height: slot.height
             text: userModel.lastUser !== undefined ? userModel.lastUser : ""
             placeholderText: "Username"
+            activeFocusOnTab: !creds.passwordStage
             font.family: "Noto Sans"
             color: config.stringValue("text")
             palette.base: config.stringValue("surface0")
@@ -135,7 +137,7 @@ Item {
             x: creds.passwordStage ? -slot.width : 0
             opacity: creds.passwordStage ? 0 : 1
             Behavior on x { NumberAnimation { duration: 220; easing.type: Easing.OutCubic } }
-            Behavior on opacity { NumberAnimation { duration: 220 } }
+            Behavior on opacity { NumberAnimation { duration: 220; easing.type: Easing.OutCubic } }
             onAccepted: creds.confirm()
             onTextChanged: creds.wake()
             Keys.onPressed: event => {
@@ -150,6 +152,7 @@ Item {
             height: slot.height
             echoMode: TextInput.Password
             placeholderText: "Password"
+            activeFocusOnTab: creds.passwordStage
             font.family: "Noto Sans"
             color: config.stringValue("text")
             palette.base: config.stringValue("surface0")
@@ -163,7 +166,7 @@ Item {
             x: creds.passwordStage ? 0 : slot.width
             opacity: creds.passwordStage ? 1 : 0
             Behavior on x { NumberAnimation { duration: 220; easing.type: Easing.OutCubic } }
-            Behavior on opacity { NumberAnimation { duration: 220 } }
+            Behavior on opacity { NumberAnimation { duration: 220; easing.type: Easing.OutCubic } }
             onAccepted: creds.confirm()
             Keys.onPressed: event => {
                 creds.wake()