fix: FocusButton layering

lib/util/focus_provider.dart

@@ -150,14 +150,12 @@ class FocusButtonState extends State<FocusButton> {
         },
         onKeyEvent: _handleKey,
         child: ExcludeFocus(
-          child: FlatButton(
+          child: Stack(
+            children: [
+              FlatButton(
                 onTap: widget.onTap,
                 onSecondaryTapDown: widget.onSecondaryTapDown,
                 onLongPress: widget.onLongPress,
-            child: Stack(
-              children: [
-                ClipRRect(
-                  borderRadius: FladderTheme.smallShape.borderRadius,
                 child: widget.child,
               ),
               Positioned.fill(
@@ -166,6 +164,9 @@ class FocusButtonState extends State<FocusButton> {
                   builder: (context, value, child) => AnimatedOpacity(
                     opacity: value ? 1 : 0,
                     duration: const Duration(milliseconds: 125),
+                    child: Stack(
+                      children: [
+                        IgnorePointer(
                           child: Container(
                             decoration: BoxDecoration(
                               color: Theme.of(context)
@@ -175,10 +176,11 @@ class FocusButtonState extends State<FocusButton> {
                               border: Border.all(width: 4, color: Theme.of(context).colorScheme.onPrimaryContainer),
                               borderRadius: FladderTheme.smallShape.borderRadius,
                             ),
-                        child: Stack(
-                          children: widget.overlays,
                           ),
                         ),
+                        ...widget.overlays,
+                      ],
+                    ),
                   ),
                 ),
               ),
@@ -186,7 +188,6 @@ class FocusButtonState extends State<FocusButton> {
           ),
         ),
       ),
-      ),
     );
   }
 }