improve doh ui

app/lib/features/settings/presentation/screens/doh_settings.dart

@@ -145,14 +145,16 @@ class DohSettingsScreen extends HookConsumerWidget {
               child: RadioListTile(
                 value: true,
                 enabled: false,
-                title: Column(
+                title: Form(
-                  children: [
-                    const Text('Custom'),
-                    Form(
                   key: formKey,
                   child: TextFormField(
                     controller: customProviderController,
                     keyboardType: TextInputType.url,
+                    decoration: const InputDecoration(
+                      label: Text('Custom Resolver URL'),
+                      hintText: 'https://example.com/dns-query',
+                      floatingLabelBehavior: FloatingLabelBehavior.always,
+                    ),
                     validator: (value) {
                       return validateUrl(
                         value,
@@ -163,9 +165,7 @@ class DohSettingsScreen extends HookConsumerWidget {
                     onSaved: (newProvider) async {
                       if (newProvider != null) {
                         await ref
-                                .read(
+                            .read(saveEngineSettingsControllerProvider.notifier)
-                                  saveEngineSettingsControllerProvider.notifier,
-                                )
                             .save(
                               (currentSettings) => currentSettings.copyWith
                                   .dohProviderUrl(newProvider),
@@ -179,8 +179,6 @@ class DohSettingsScreen extends HookConsumerWidget {
                     },
                   ),
                 ),
-                  ],
-                ),
               ),
             ),
           ],