Label component states in stories (#3019)

This PR updates the UI component stories to label the various states
that they are in.

Release Notes:

- N/A

crates/ui/src/components/facepile.rs

@@ -9,8 +9,10 @@ pub struct Facepile {
     players: Vec<Avatar>,
 }
 
-pub fn facepile(players: Vec<Avatar>) -> Facepile {
-    Facepile { players }
+pub fn facepile<P: Iterator<Item = Avatar>>(players: P) -> Facepile {
+    Facepile {
+        players: players.collect(),
+    }
 }
 
 impl Facepile {

crates/ui/src/components/follow_group.rs

@@ -46,7 +46,7 @@ impl FollowGroup {
                     .px_1()
                     .rounded_lg()
                     .fill(player_bg)
-                    .child(facepile(self.players.clone())),
+                    .child(facepile(self.players.clone().into_iter())),
             )
     }
 }