ui: add profile picture hover animation

I wanted to practice doing animation in egui, so here is a simple
profile picture hover affect. When you mouse over a profile picture, it
get slightly bigger.

Signed-off-by: William Casarin <jb55@jb55.com>

src/ui/note/mod.rs

@@ -6,6 +6,7 @@ pub use options::NoteOptions;
 
 use crate::{colors, ui, Damus};
 use egui::{Label, RichText, Sense};
+use std::hash::{Hash, Hasher};
 
 pub struct Note<'a> {
     app: &'a mut Damus,
@@ -23,6 +24,20 @@ impl<'a> egui::Widget for Note<'a> {
     }
 }
 
+#[derive(Eq, PartialEq, Debug, Clone, Copy)]
+struct ProfileAnimId {
+    profile_key: u64,
+    note_key: u64,
+}
+
+impl Hash for ProfileAnimId {
+    fn hash<H: Hasher>(&self, state: &mut H) {
+        state.write_u8(0x12);
+        self.profile_key.hash(state);
+        self.note_key.hash(state);
+    }
+}
+
 impl<'a> Note<'a> {
     pub fn new(app: &'a mut Damus, note: &'a nostrdb::Note<'a>) -> Self {
         let flags = NoteOptions::actionbar | NoteOptions::note_previews;
@@ -104,7 +119,33 @@ impl<'a> Note<'a> {
                     // these have different lifetimes and types,
                     // so the calls must be separate
                     Some(pic) => {
-                        ui.add(ui::ProfilePic::new(&mut self.app.img_cache, pic));
+                        let expand_size = 5.0;
+                        let anim_speed = 0.05;
+                        let profile_key = profile.as_ref().unwrap().record().note_key();
+                        let note_key = note_key.as_u64();
+
+                        let (rect, size) = ui::anim::hover_expand(
+                            ui,
+                            egui::Id::new(ProfileAnimId {
+                                profile_key,
+                                note_key,
+                            }),
+                            ui::ProfilePic::default_size(),
+                            expand_size,
+                            anim_speed,
+                        );
+
+                        ui.put(
+                            rect,
+                            ui::ProfilePic::new(&mut self.app.img_cache, pic).size(size),
+                        )
+                        .on_hover_ui_at_pointer(|ui| {
+                            ui.set_max_width(300.0);
+                            ui.add(ui::ProfilePreview::new(
+                                profile.as_ref().unwrap(),
+                                &mut self.app.img_cache,
+                            ));
+                        });
                     }
                     None => {
                         ui.add(ui::ProfilePic::new(