Use loading="lazy" in more places.

i18n invites page.
Polish the bans page.

src/context/intermediate/modals/Onboarding.tsx

@@ -40,7 +40,7 @@ export function OnboardingModal({ onClose, callback }: Props) {
             <div className={styles.header}>
                 <h1>
                     <Text id="app.special.modals.onboarding.welcome" />
-                    <img src={wideSVG} />
+                    <img src={wideSVG} loading="eager" />
                 </h1>
             </div>
             <div className={styles.form}>

src/context/intermediate/popovers/ImageViewer.tsx

@@ -37,6 +37,7 @@ export function ImageViewer({ attachment, embed, onClose }: Props) {
                 {attachment && (
                     <>
                         <img
+                            loading="eager"
                             src={client.generateFileURL(attachment)}
                             width={(attachment.metadata as ImageMetadata).width}
                             height={
@@ -49,6 +50,7 @@ export function ImageViewer({ attachment, embed, onClose }: Props) {
                 {embed && (
                     <>
                         <img
+                            loading="eager"
                             src={client.proxyFile(embed.url)}
                             width={embed.width}
                             height={embed.height}

src/context/revoltjs/hooks.ts

@@ -3,10 +3,9 @@ import { Client, PermissionCalculator } from "revolt.js";
 import { Channels, Servers, Users } from "revolt.js/dist/api/objects";
 import Collection from "revolt.js/dist/maps/Collection";
 
-import { useCallback, useContext, useEffect, useState } from "preact/hooks";
+import { useContext, useEffect, useState } from "preact/hooks";
 
 //#region Hooks v1
-// ! Hooks v1 will be deprecated soon.
 import { AppContext } from "./RevoltClient";
 
 export interface HookContext {