feat: add haptic feedback to more user interactions

lib/presentation/widgets/buttons/custom_width_button.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:tallee/core/custom_theme.dart';
 import 'package:tallee/core/enums.dart';
 
@@ -48,7 +49,12 @@ class CustomWidthButton extends StatelessWidget {
       )!;
 
       return ElevatedButton(
-        onPressed: onPressed,
+        onPressed: onPressed == null
+            ? null
+            : () async {
+                await HapticFeedback.selectionClick();
+                onPressed!.call();
+              },
         style: ElevatedButton.styleFrom(
           foregroundColor: textcolor,
           disabledForegroundColor: disabledTextColor,
@@ -78,7 +84,12 @@ class CustomWidthButton extends StatelessWidget {
           : Color.lerp(CustomTheme.primaryColor, Colors.black, 0.5)!;
 
       return OutlinedButton(
-        onPressed: onPressed,
+        onPressed: onPressed == null
+            ? null
+            : () async {
+                await HapticFeedback.selectionClick();
+                onPressed!.call();
+              },
         style: OutlinedButton.styleFrom(
           foregroundColor: textcolor,
           disabledForegroundColor: disabledTextColor,
@@ -110,7 +121,12 @@ class CustomWidthButton extends StatelessWidget {
       disabledBackgroundColor = Colors.transparent;
 
       return TextButton(
-        onPressed: onPressed,
+        onPressed: onPressed == null
+            ? null
+            : () async {
+                await HapticFeedback.selectionClick();
+                onPressed!.call();
+              },
         style: TextButton.styleFrom(
           foregroundColor: textcolor,
           disabledForegroundColor: disabledTextColor,

lib/presentation/widgets/buttons/haptic_back_button.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
+import 'package:tallee/presentation/widgets/buttons/haptic_icon_button.dart';
 
 class HapticBackButton extends StatelessWidget {
   const HapticBackButton({super.key});
@@ -13,10 +13,9 @@ class HapticBackButton extends StatelessWidget {
       _ => Icons.arrow_back_rounded,
     };
 
-    return IconButton(
+    return HapticIconButton(
       icon: Icon(iconData),
       onPressed: () async {
-        await HapticFeedback.mediumImpact();
         Navigator.of(context).maybePop();
       },
     );

lib/presentation/widgets/buttons/haptic_close_button.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/services.dart';
+import 'package:tallee/presentation/widgets/buttons/haptic_icon_button.dart';
 
 class HapticCloseButton extends StatelessWidget {
   const HapticCloseButton({super.key});
@@ -13,10 +13,9 @@ class HapticCloseButton extends StatelessWidget {
       _ => Icons.close_rounded,
     };
 
-    return IconButton(
+    return HapticIconButton(
       icon: Icon(iconData),
       onPressed: () async {
-        await HapticFeedback.mediumImpact();
         Navigator.of(context).maybePop();
       },
     );

lib/presentation/widgets/buttons/haptic_icon_button.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+
+class HapticIconButton extends StatelessWidget {
+  const HapticIconButton({
+    super.key,
+    required this.icon,
+    required this.onPressed,
+    this.tooltip,
+    this.iconSize,
+    this.color,
+    this.padding,
+    this.alignment,
+    this.constraints,
+    this.style,
+    this.isSelected,
+    this.selectedIcon,
+  });
+
+  final Widget icon;
+  final VoidCallback? onPressed;
+
+  final String? tooltip;
+  final double? iconSize;
+  final Color? color;
+  final EdgeInsetsGeometry? padding;
+  final AlignmentGeometry? alignment;
+  final BoxConstraints? constraints;
+  final ButtonStyle? style;
+  final bool? isSelected;
+  final Widget? selectedIcon;
+
+  @override
+  Widget build(BuildContext context) {
+    return IconButton(
+      tooltip: tooltip,
+      iconSize: iconSize,
+      color: color,
+      padding: padding,
+      alignment: alignment ?? Alignment.center,
+      constraints: constraints,
+      style: style,
+      isSelected: isSelected,
+      selectedIcon: selectedIcon,
+      icon: icon,
+      onPressed: onPressed == null
+          ? null
+          : () async {
+              await HapticFeedback.selectionClick();
+              onPressed!.call();
+            },
+    );
+  }
+}

lib/presentation/widgets/buttons/main_menu_button.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 
 class MainMenuButton extends StatefulWidget {
   /// A button for the main menu with an optional icon and a press animation.
@@ -78,6 +79,7 @@ class _MainMenuButtonState extends State<MainMenuButton>
         onTapUp: (_) async {
           _cancelTimers();
           if (mounted && !_isLongPressing) {
+            await HapticFeedback.selectionClick();
             widget.onPressed();
           }
           _isLongPressing = false;