fix(ui): eliminate edge blur bleed in abstract background for edge-to-edge coverage

frontend/AGENTS.md

@@ -304,7 +304,8 @@ Files backup/restore - mirror mode or zip -->
 # SEARCH BAR (ANDROID APP)
 - add left and right margin for search bar
 - dont make the backdrop image resize when the search bar is active -->
- 
+
+
 
 ---
 

frontend/lib/ui/shared/widgets/abstract_background.dart

@@ -53,26 +53,31 @@ class AbstractBackground extends StatelessWidget {
     return Stack(
       fit: StackFit.expand,
       children: [
-        // Background image with original normal positioning and overlay mini blur
+        // Background image with edge-to-edge coverage and overlay mini blur
         Positioned.fill(
-          child: blurSigma > 0
-              ? ImageFiltered(
-                  imageFilter: ImageFilter.blur(
-                    sigmaX: blurSigma,
-                    sigmaY: blurSigma,
-                    tileMode: TileMode.clamp,
-                  ),
-                  child: Image.asset(
-                    assetPath,
-                    fit: BoxFit.cover,
-                    alignment: Alignment.center,
-                  ),
-                )
-              : Image.asset(
-                  assetPath,
-                  fit: BoxFit.cover,
-                  alignment: Alignment.center,
-                ),
+          child: ClipRect(
+            child: Transform.scale(
+              scale: blurSigma > 0 ? 1.06 : 1.0,
+              child: blurSigma > 0
+                  ? ImageFiltered(
+                      imageFilter: ImageFilter.blur(
+                        sigmaX: blurSigma,
+                        sigmaY: blurSigma,
+                        tileMode: TileMode.clamp,
+                      ),
+                      child: Image.asset(
+                        assetPath,
+                        fit: BoxFit.cover,
+                        alignment: Alignment.center,
+                      ),
+                    )
+                  : Image.asset(
+                      assetPath,
+                      fit: BoxFit.cover,
+                      alignment: Alignment.center,
+                    ),
+            ),
+          ),
         ),
         if (withOverlay && overlayOpacity > 0)
           Positioned.fill(