feat(bar): add workspace numbers to TaskbarGrouped widget

Add workspace number badges to TaskbarGrouped widget that display in the
top-left corner of task groups, similar to existing Workspace widget
styling.

Features:
- Circular workspace number badges with negative margins for border overlap
- Color states: focused (primary), urgent (error), occupied (secondary), empty (outline)
- Burst animation effects when workspace becomes focused
- User-configurable settings: showWorkspaceNumbers, showNumbersOnlyWhenOccupied
- Comprehensive internationalization support for all supported locales

Implementation:
- Enhanced TaskbarGrouped.qml with workspace number display and animation system
- Created TaskbarGroupedSettings.qml for user configuration
- Updated BarWidgetRegistry.qml with default settings metadata
- Added settings dialog mapping in BarWidgetSettingsDialog.qml
- Added translations for all supported locales (en, de, es, fr, pt, zh-CN, uk-UA)

The workspace numbers provide quick visual identification of workspace
assignment while maintaining the clean aesthetic of the taskbar.

Modules/Bar/Widgets/TaskbarGrouped.qml

@@ -33,7 +33,12 @@ Item {
     return {}
   }
   readonly property bool hideUnoccupied: (widgetSettings.hideUnoccupied !== undefined) ? widgetSettings.hideUnoccupied : false
+  readonly property bool showWorkspaceNumbers: (widgetSettings.showWorkspaceNumbers !== undefined) ? widgetSettings.showWorkspaceNumbers : true
+  readonly property bool showNumbersOnlyWhenOccupied: (widgetSettings.showNumbersOnlyWhenOccupied !== undefined) ? widgetSettings.showNumbersOnlyWhenOccupied : true
   property ListModel localWorkspaces: ListModel {}
+  property real masterProgress: 0.0
+  property bool effectsActive: false
+  property color effectColor: Color.mPrimary
 
   function refreshWorkspaces() {
     localWorkspaces.clear()
@@ -56,6 +61,22 @@ Item {
 
       localWorkspaces.append(workspaceData)
     }
+    updateWorkspaceFocus()
+  }
+
+  function triggerUnifiedWave() {
+    effectColor = Color.mPrimary
+    masterAnimation.restart()
+  }
+
+  function updateWorkspaceFocus() {
+    for (var i = 0; i < localWorkspaces.count; i++) {
+      const ws = localWorkspaces.get(i)
+      if (ws.isFocused === true) {
+        root.triggerUnifiedWave()
+        break
+      }
+    }
   }
 
   Component.onCompleted: {
@@ -79,6 +100,33 @@ Item {
     }
   }
 
+  SequentialAnimation {
+    id: masterAnimation
+    PropertyAction {
+      target: root
+      property: "effectsActive"
+      value: true
+    }
+    NumberAnimation {
+      target: root
+      property: "masterProgress"
+      from: 0.0
+      to: 1.0
+      duration: Style.animationSlow * 2
+      easing.type: Easing.OutQuint
+    }
+    PropertyAction {
+      target: root
+      property: "effectsActive"
+      value: false
+    }
+    PropertyAction {
+      target: root
+      property: "masterProgress"
+      value: 0.0
+    }
+  }
+
   Component {
     id: workspaceRepeaterDelegate
 
@@ -106,6 +154,123 @@ Item {
         }
       }
 
+      Item {
+        id: workspaceNumberContainer
+
+        visible: root.showWorkspaceNumbers && (!root.showNumbersOnlyWhenOccupied || hasWindows)
+
+        anchors {
+          left: parent.left
+          top: parent.top
+          leftMargin: -Style.fontSizeXS * 0.5
+          topMargin: -Style.fontSizeXS * 0.5
+        }
+
+        width: Math.max(workspaceNumber.implicitWidth + Style.marginXS, Style.fontSizeXXS * 2)
+        height: Math.max(workspaceNumber.implicitHeight + Style.marginXS, Style.fontSizeXXS * 2)
+
+        Rectangle {
+          id: workspaceNumberBackground
+
+          anchors.fill: parent
+          radius: width * 0.5
+
+          color: {
+            if (workspaceModel.isFocused)
+              return Color.mPrimary
+            if (workspaceModel.isUrgent)
+              return Color.mError
+            if (hasWindows)
+              return Color.mSecondary
+
+            return Qt.alpha(Color.mOutline, 0.3)
+          }
+
+          scale: workspaceModel.isActive ? 1.0 : 0.9
+
+          Behavior on scale {
+            NumberAnimation {
+              duration: Style.animationNormal
+              easing.type: Easing.OutBack
+            }
+          }
+
+          Behavior on color {
+            ColorAnimation {
+              duration: Style.animationFast
+              easing.type: Easing.InOutCubic
+            }
+          }
+        }
+
+        // Burst effect overlay for focused workspace number (smaller outline)
+        Rectangle {
+          id: workspaceNumberBurst
+          anchors.centerIn: workspaceNumberContainer
+          width: workspaceNumberContainer.width + 12 * root.masterProgress
+          height: workspaceNumberContainer.height + 12 * root.masterProgress
+          radius: width / 2
+          color: Color.transparent
+          border.color: root.effectColor
+          border.width: Math.max(1, Math.round((2 + 4 * (1.0 - root.masterProgress))))
+          opacity: root.effectsActive && workspaceModel.isFocused ? (1.0 - root.masterProgress) * 0.7 : 0
+          visible: root.effectsActive && workspaceModel.isFocused
+          z: 1
+        }
+
+        NText {
+          id: workspaceNumber
+
+          anchors.centerIn: parent
+
+          text: workspaceModel.idx.toString()
+
+          family: Settings.data.ui.fontFixed
+          font {
+            pointSize: Style.fontSizeXXS
+            weight: Style.fontWeightBold
+            capitalization: Font.AllUppercase
+          }
+          applyUiScale: false
+
+          color: {
+            if (workspaceModel.isFocused)
+              return Color.mOnPrimary
+            if (workspaceModel.isUrgent)
+              return Color.mOnError
+            if (hasWindows)
+              return Color.mOnSecondary
+
+            return Color.mOnSurface
+          }
+
+          opacity: {
+            if (workspaceModel.isFocused)
+              return 1.0
+            if (workspaceModel.isUrgent)
+              return 0.9
+            if (hasWindows)
+              return 0.8
+
+            return 0.6
+          }
+
+          Behavior on opacity {
+            NumberAnimation {
+              duration: Style.animationFast
+              easing.type: Easing.InOutCubic
+            }
+          }
+        }
+
+        Behavior on opacity {
+          NumberAnimation {
+            duration: Style.animationFast
+            easing.type: Easing.InOutCubic
+          }
+        }
+      }
+
       Flow {
         id: iconsFlow