fix: mark decorative images as decorative

Seven images either carried no alt attribute, so screen readers
announced their URL, or carried text that repeated the name printed
beside them. Every one of them sits next to the identity it depicts,
so give them an empty alt and let assistive technology skip them.

Lighthouse image-alt goes from 12 failures to zero on the home page
and from 1 to zero on the migrate pages.

Co-Authored-By: Sebastian <115311276+Roaring30s@users.noreply.github.com>
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: 3 people

components/AccountCell/index.tsx

@@ -50,6 +50,7 @@ const Index = ({ active, address }) => {
               borderColor: "$neutral5",
             }}
             src={identity.avatar}
+            alt=""
           />
         ) : (
           <QRCodeCanvas

components/DelegatingWidget/Header.tsx

@@ -42,6 +42,7 @@ const Header = ({
               height: 40,
             }}
             src={delegateProfile.avatar}
+            alt=""
           />
         ) : (
           <QRCodeCanvas

components/IdentityAvatar/index.tsx

@@ -82,6 +82,7 @@ const IdentityAvatar = ({ identity, address, size = 24, css = {} }: Props) => {
           transition: "opacity 150ms ease",
         }}
         src={avatarSrc}
+        alt=""
         onLoad={() => setImageLoaded(true)}
         onError={() => setHasAvatarError(true)}
       />

components/Profile/index.tsx

@@ -104,6 +104,7 @@ const Index = ({
                 height: "100%",
               }}
               src={identity.avatar}
+              alt=""
             />
           ) : (
             <Box

components/TxSummaryDialog/index.tsx

@@ -55,7 +55,7 @@ const Index = () => {
             <Box
               as="img"
               src="/img/green-loader.svg"
-              alt="loader"
+              alt=""
               css={{
                 animation: `${rotate} 2s linear`,
                 animationIterationCount: "infinite",

pages/migrate/broadcaster.tsx

@@ -739,7 +739,7 @@ const MigrateBroadcaster = () => {
 
             {state.image && (
               <Box css={{ textAlign: "center", marginBottom: "$5" }}>
-                <Box as="img" src={state.image} />
+                <Box as="img" src={state.image} alt="" />
               </Box>
             )}
 

pages/migrate/delegator/index.tsx

@@ -747,7 +747,7 @@ const MigrateUndelegatedStake = () => {
 
             {state.image && (
               <Box css={{ textAlign: "center", marginBottom: "$5" }}>
-                <Box as="img" src={state.image} />
+                <Box as="img" src={state.image} alt="" />
               </Box>
             )}
 

pages/migrate/orchestrator.tsx

@@ -710,7 +710,7 @@ const MigrateOrchestrator = () => {
 
             {state.image && (
               <Box css={{ textAlign: "center", marginBottom: "$5" }}>
-                <Box as="img" src={state.image} />
+                <Box as="img" src={state.image} alt="" />
               </Box>
             )}