Use loading="lazy" in more places.

i18n invites page.
Polish the bans page.

src/components/common/AgeGate.tsx

@@ -67,6 +67,7 @@ export default function AgeGate(props: Props) {
     return (
         <Base>
             <img
+                loading="eager"
                 src={"https://static.revolt.chat/emoji/mutant/26a0.svg"}
                 draggable={false}
             />

src/components/common/Emoji.tsx

@@ -55,6 +55,7 @@ export default function Emoji({
     return (
         <img
             alt={emoji}
+            loading="lazy"
             className="emoji"
             draggable={false}
             src={parseEmoji(emoji)}
@@ -66,7 +67,7 @@ export default function Emoji({
 }
 
 export function generateEmoji(emoji: string) {
-    return `<img class="emoji" draggable="false" alt="${emoji}" src="${parseEmoji(
+    return `<img loading="lazy" class="emoji" draggable="false" alt="${emoji}" src="${parseEmoji(
         emoji,
     )}" />`;
 }

src/components/common/messaging/bars/FilePreview.tsx

@@ -168,7 +168,7 @@ function FileEntry({
     return (
         <Entry className={index >= CAN_UPLOAD_AT_ONCE ? "fade" : ""}>
             <PreviewBox onClick={remove}>
-                <img class="icon" src={url} alt={file.name} />
+                <img class="icon" src={url} alt={file.name} loading="eager" />
                 <div class="overlay">
                     <XCircle size={36} />
                 </div>

src/components/common/messaging/bars/TypingIndicator.tsx

@@ -97,6 +97,7 @@ export function TypingIndicator({ typing }: Props) {
                     <div className="avatars">
                         {users.map((user) => (
                             <img
+                                loading="eager"
                                 src={client.users.getAvatarURL(
                                     user._id,
                                     { max_side: 256 },

src/components/common/messaging/embed/Embed.tsx

@@ -91,6 +91,7 @@ export default function Embed({ embed }: Props) {
                             <div className={styles.siteinfo}>
                                 {embed.icon_url && (
                                     <img
+                                        loading="lazy"
                                         className={styles.favicon}
                                         src={client.proxyFile(embed.icon_url)}
                                         draggable={false}