fix: ESLint duplicate import + glassmorphism child opacity

ESLint: UploadCardRenderer.tsx had two separate imports from
../../utils/matrix — merged tryDeleteMxcContent into the existing
import statement. Removed now-unnecessary eslint-disable directive from
chatBackground.ts (the _anim prefix already suppresses the rule).

Glassmorphism: the Scroll inside SidebarNav had variant="Background"
which set a solid backgroundColor on the entire scrollable area,
completely hiding the sidebar's semi-transparent glass + backdrop-filter.
Fix: pass variant={undefined} when glassmorphismSidebar is on so the
inner scroll area is transparent and the blur effect is visible through
it. The document.body background (set by the previous useEffect fix)
now shows through the frosted glass as intended.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/components/upload-card/UploadCardRenderer.tsx

@@ -3,7 +3,7 @@ import { Box, Chip, Icon, IconButton, Icons, Text, color, config, toRem } from '
 import { UploadCard, UploadCardError, UploadCardProgress } from './UploadCard';
 import { UploadStatus, UploadSuccess, useBindUploadAtom } from '../../state/upload';
 import { useMatrixClient } from '../../hooks/useMatrixClient';
-import { TUploadContent } from '../../utils/matrix';
+import { TUploadContent, tryDeleteMxcContent } from '../../utils/matrix';
 import { bytesToSize, getFileTypeIcon } from '../../utils/common';
 import {
   roomUploadAtomFamily,
@@ -13,7 +13,6 @@ import {
 import { useObjectURL } from '../../hooks/useObjectURL';
 import { useMediaConfig } from '../../hooks/useMediaConfig';
 import { compressImage, formatFileSize, isCompressible } from '../../utils/imageCompression';
-import { tryDeleteMxcContent } from '../../utils/matrix';
 
 type PreviewImageProps = {
   fileItem: TUploadItem;

src/app/features/lotus/chatBackground.ts

@@ -490,7 +490,6 @@ export const getChatBg = (
   const reducedMotion =
     typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
   if ((pauseAnimations || reducedMotion) && style.animation) {
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const { animation: _anim, ...rest } = style;
     return rest;
   }

src/app/pages/client/SidebarNav.tsx

@@ -68,7 +68,11 @@ export function SidebarNav() {
     <Sidebar className={classNames(glassmorphismSidebar && SidebarGlass)}>
       <SidebarContent
         scrollable={
-          <Scroll ref={scrollRef} variant="Background" size="0">
+          <Scroll
+            ref={scrollRef}
+            variant={glassmorphismSidebar ? undefined : 'Background'}
+            size="0"
+          >
             <SidebarStack>
               <HomeTab />
               <DirectTab />