fix: font assignment in multiple components

Modules/Sidebar/Chat/ChatList.qml

@@ -36,9 +36,7 @@ Item {
 		anchors.right: parent.right
 		anchors.top: parent.top
 		color: Colors.palette.m3outline
-		font.family: "CaskaydiaCove NF"
-		font.pointSize: 13
-		font.weight: 500
+		font: Tokens.font.mono.builders.small.weight(Font.DemiBold).build()
 		text: qsTr("%1 Chat%2").arg(list.count).arg(list.count > 1 ? "s" : "")
 	}
 
@@ -134,7 +132,7 @@ Item {
 		anchors.right: parent.right
 		anchors.margins: Tokens.padding.small
 		padding: 8
-		font.pointSize: Math.round(18 * 1.2)
+		font: Tokens.font.icon.builders.medium.size(Math.round(18 * 1.2)).build()
 		icon: root.slim ? "left_panel_open" : "add"
 		isRound: ChatState.fabExpanded
 
@@ -298,7 +296,7 @@ Item {
 					CustomText {
 						animate: true
 						text: fabMenuItem.modelData.name
-						font.capitalization: Font.Capitalize
+						font: Tokens.font.body.builders.small.capitalization(Font.Capitalize).build
 						color: Colors.palette.m3onPrimaryContainer
 						Layout.preferredWidth: implicitWidth