Add editing role name / colour.

Animate avatars on message hover.
Switch to 24-hour time format by default.

src/context/Locale.tsx

@@ -150,7 +150,10 @@ function Locale({ children, locale }: Props) {
         const dayjs = obj.dayjs;
         const defaults = dayjs.defaults;
 
-        const twelvehour = defaults?.twelvehour === "yes" || true;
+        const twelvehour = defaults?.twelvehour
+            ? defaults.twelvehour === "yes"
+            : false;
+
         const separator: string = defaults?.date_separator ?? "/";
         const date: "traditional" | "simplified" | "ISO8601" =
             defaults?.date_format ?? "traditional";

src/context/intermediate/popovers/UserProfile.tsx

@@ -141,7 +141,7 @@ export function UserProfile({ user_id, onClose, dummy, dummyProfile }: Props) {
                         `linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('${backgroundURL}')`,
                 }}>
                 <div className={styles.profile}>
-                    <UserIcon size={80} target={user} status />
+                    <UserIcon size={80} target={user} status animate />
                     <div className={styles.details}>
                         <Localizer>
                             <span