meta: integrate wallpaper, FileBrowser, StateLayer

- A lot of this is implements patterns implemented by soramannew's
  caelestia-shell

Widgets/DankIcon.qml

@@ -1,18 +1,48 @@
 import QtQuick
 import qs.Common
 
-Text {
+StyledText {
     id: icon
 
     property alias name: icon.text
     property alias size: icon.font.pixelSize
     property alias color: icon.color
     property bool filled: false
+    property real fill: filled ? 1 : 0
+    property int grade: Theme.isLightMode ? 0 : -25
+    property int weight: filled ? 500 : 400
 
     font.family: "Material Symbols Rounded"
-    font.pixelSize: Theme.iconSize
-    font.weight: filled ? Font.Medium : Font.Normal
+    font.pixelSize: Appearance.fontSize.normal
+    font.weight: weight
     color: Theme.surfaceText
     verticalAlignment: Text.AlignVCenter
     horizontalAlignment: Text.AlignHCenter
+    // Material Icons variable font axes support
+    font.variableAxes: ({
+        "FILL": fill.toFixed(1),
+        "GRAD": grade,
+        "opsz": 24,
+        "wght": weight
+    })
+
+    // Smooth transitions for variable axes
+    Behavior on fill {
+        NumberAnimation {
+            duration: Appearance.anim.durations.quick
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+
+    }
+
+    Behavior on weight {
+        NumberAnimation {
+            duration: Appearance.anim.durations.quick
+            easing.type: Easing.BezierSpline
+            easing.bezierCurve: Appearance.anim.curves.standard
+        }
+
+    }
+
 }