Style avatar image with border and rounded corners

Co-Authored-By: Max Brunsfeld <maxbrunsfeld@gmail.com>

zed/src/theme.rs

@@ -4,7 +4,7 @@ mod theme_registry;
 use anyhow::Result;
 use gpui::{
     color::Color,
-    elements::{ContainerStyle, LabelStyle},
+    elements::{ContainerStyle, ImageStyle, LabelStyle},
     fonts::{HighlightStyle, TextStyle},
     Border,
 };
@@ -47,8 +47,9 @@ pub struct Titlebar {
     #[serde(flatten)]
     pub container: ContainerStyle,
     pub title: TextStyle,
-    pub icon_width: f32,
+    pub avatar_width: f32,
     pub icon_signed_out: Color,
+    pub avatar: ImageStyle,
 }
 
 #[derive(Clone, Deserialize)]

zed/src/workspace.rs

@@ -963,7 +963,9 @@ impl Workspace {
             .as_ref()
             .and_then(|user| user.avatar.clone())
         {
-            Image::new(avatar).boxed()
+            Image::new(avatar)
+                .with_style(theme.workspace.titlebar.avatar)
+                .boxed()
         } else {
             Svg::new("icons/signed-out-12.svg")
                 .with_color(theme.workspace.titlebar.icon_signed_out)
@@ -973,7 +975,7 @@ impl Workspace {
         ConstrainedBox::new(
             Align::new(
                 ConstrainedBox::new(avatar)
-                    .with_width(theme.workspace.titlebar.icon_width)
+                    .with_width(theme.workspace.titlebar.avatar_width)
                     .boxed(),
             )
             .boxed(),