introduce typography system and motion module

crates/workspace/src/dialogs/profile.rs

@@ -12,7 +12,7 @@ use nostr_sdk::prelude::*;
 use person::{Person, PersonRegistry, shorten_pubkey};
 use settings::AppSettings;
 use state::{NostrRegistry, upload};
-use theme::{ActiveTheme, button_radius};
+use theme::{ActiveTheme, TextStyle, Typeset as _, button_radius};
 use ui::avatar::Avatar;
 use ui::button::{Button, ButtonVariants};
 use ui::dock::DockPlacement;
@@ -393,7 +393,7 @@ impl Render for ProfileDialog {
                         .gap_3()
                         .rounded(px(button_radius()))
                         .bg(cx.theme().surface)
-                        .text_sm()
+                        .text_style(TextStyle::Callout)
                         .child(shorten_pkey)
                         .child(
                             Button::new("copy")
@@ -513,7 +513,7 @@ impl Render for ProfileDialog {
 
 fn label(label: &'static str, cx: &App) -> Div {
     div()
-        .text_xs()
+        .text_style(TextStyle::Caption)
         .text_color(cx.theme().text_muted)
         .font_semibold()
         .child(label)
@@ -533,5 +533,5 @@ fn field(
     v_flex()
         .gap_1p5()
         .child(label(text, cx))
-        .child(div().text_sm().text_color(color).child(content))
+        .child(div().text_style(TextStyle::Callout).text_color(color).child(content))
 }