feat: implement centralized access token management for media downloads and user authentication

src/app/components/message/content/ImageContent.tsx

@@ -31,6 +31,7 @@ import { decryptFile, downloadEncryptedMedia, mxcUrlToHttp } from '../../../util
 import { useMediaAuthentication } from '../../../hooks/useMediaAuthentication';
 import { ModalWide } from '../../../styles/Modal.css';
 import { validBlurHash } from '../../../utils/blurHash';
+import { getCurrentAccessToken } from '../../../utils/auth';
 
 /**
  * Fetches media with authentication headers and returns a blob URL.
@@ -129,7 +130,8 @@ export const ImageContent = as<'div', ImageContentProps>(
     const [srcState, loadSrc] = useAsyncCallback(
       useCallback(async () => {
         const mediaUrl = mxcUrlToHttp(mx, url, useAuthentication) ?? url;
-        const accessToken = mx.getAccessToken();
+        // Always use current session's token to avoid stale tokens during account switches
+        const accessToken = getCurrentAccessToken();
         if (encInfo) {
           const fileContent = await downloadEncryptedMedia(
             mediaUrl,