chore: Used newWidgetStateProperty and surface prop

Author: utpal-barman

.vscode/extensions.json

@@ -0,0 +1,13 @@
+{
+  "recommendations": [
+    "dart-code.dart-code",
+    "dart-code.flutter",
+    "usernamehw.errorlens",
+    "felixangelov.mason",
+    "felixangelov.bloc",
+    "nivisi.dart-build-runner-tools",
+    "tenraneko.pubspec-dependency-opener",
+    "jeroen-meijer.pubspec-assist",
+    "davidanson.vscode-markdownlint"
+  ]
+}

lib/presentation/resources/app_theme.dart

@@ -13,10 +13,10 @@ sealed class AppTheme {
       brightness: brightness,
       primary: _appColors.primary,
       onPrimary: _appColors.foregroundOnPrimary,
-      background: _appColors.primary,
+      surface: _appColors.primary,
       secondary: _appColors.secondary,
       onSecondary: _appColors.foregroundOnSecondary,
-      onBackground: _appColors.foregroundOnBackground,
+      onSurface: _appColors.foregroundOnBackground,
       outline: _appColors.outline,
       error: _appColors.danger,
       onError: _appColors.foregroundOnDanger,
@@ -28,8 +28,8 @@ sealed class AppTheme {
       onPrimary: _appColors.foregroundOnPrimary,
       secondary: _appColors.secondary,
       onSecondary: _appColors.foregroundOnSecondary,
-      background: _appColors.background,
-      onBackground: _appColors.foregroundOnBackground,
+      surface: _appColors.background,
+      onSurface: _appColors.foregroundOnBackground,
       outline: _appColors.outline,
       error: _appColors.danger,
       onError: _appColors.foregroundOnDanger,

lib/presentation/widgets/button/app_button.dart

@@ -132,7 +132,7 @@ class AppButton extends StatelessWidget {
 
     final shape = borderRadius == null
         ? null
-        : MaterialStateProperty.all<RoundedRectangleBorder>(
+        : WidgetStateProperty.all<RoundedRectangleBorder>(
             RoundedRectangleBorder(
               borderRadius: BorderRadius.circular(
                 AppUiConstants.defaultBorderRadius ?? .0,