refactor: replace deprecated SVG resource, adjust device tap behavior, and improve wallet selection image rendering (#3276)

* refactor: replace deprecated SVG resource, adjust device tap behavior, and improve wallet selection image rendering

* fix: render wallet image and update text style on NewWalletTypePage

lib/src/screens/connect_device/connect_device_page.dart

@@ -7,7 +7,6 @@ import 'package:cake_wallet/main.dart';
 import 'package:cake_wallet/new-ui/widgets/new_primary_button.dart';
 import 'package:cake_wallet/routes.dart';
 import 'package:cake_wallet/src/screens/base_page.dart';
-import 'package:cake_wallet/src/screens/connect_device/widgets/device_tile.dart';
 import 'package:cake_wallet/src/widgets/bottom_sheet/info_steps_bottom_sheet_widget.dart';
 import 'package:cake_wallet/src/widgets/cake_image_widget.dart';
 import 'package:cake_wallet/src/widgets/primary_button.dart';
@@ -250,6 +249,7 @@ class ConnectDevicePageBodyState extends State<ConnectDevicePageBody> {
                               final item = allDevices[index];
                               return GestureDetector(
                                 onTap: () => _connectToDevice(item),
+                                behavior: HitTestBehavior.opaque,
                                 child: SizedBox(
                                   height: 48,
                                   child: Padding(

lib/src/screens/connect_device/select_hardware_wallet_account_page.dart

@@ -1,4 +1,5 @@
 import 'package:cake_wallet/core/wallet_name_validator.dart';
+import 'package:cake_wallet/src/widgets/cake_image_widget.dart';
 import 'package:cw_core/generate_name.dart';
 import 'package:cake_wallet/generated/i18n.dart';
 import 'package:cake_wallet/src/screens/base_page.dart';
@@ -147,10 +148,9 @@ class _SelectHardwareWalletAccountFormState extends State<SelectHardwareWalletAc
                       return Padding(
                         padding: EdgeInsets.only(top: 10),
                         child: SelectButton(
-                          image: Image.asset(
-                            getCryptoCurrencyIconForWalletListItem(
-                                  _walletHardwareRestoreVM.type,
-                                ),
+                          image: CakeImageWidget(
+                            imageUrl: getCryptoCurrencyIconForWalletListItem(
+                                _walletHardwareRestoreVM.type),
                             height: 24,
                             width: 24,
                           ),

lib/src/screens/new_wallet/new_wallet_type_page.dart

@@ -120,10 +120,20 @@ class WalletTypeFormState extends State<WalletTypeForm> {
         child: Column(
           spacing: 24,
           children: [
-            const NewWalletTypePageHeader(),
+            widget.hardwareWalletType != null
+                ? const NewWalletTypePageHeader()
+                : const CakeImageWidget(
+                    imageUrl: "assets/new-ui/wallet.svg",
+                    width: 100,
+                    height: 100,
+                  ),
             Text(
               S.of(context).choose_wallet_currency,
               textAlign: TextAlign.center,
+              style: TextStyle(
+                color: Theme.of(context).colorScheme.onSurfaceVariant,
+                fontSize: 14,
+              ),
             ),
             Flexible(
               child: Padding(