refine whatsapp bridge defaults and webui polish

webui/src/pages/Nodes.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import { Check } from 'lucide-react';
+import { Check, RefreshCw } from 'lucide-react';
 import { useAppContext } from '../context/AppContext';
 import { formatLocalDateTime } from '../utils/time';
 
@@ -221,15 +221,19 @@ const Nodes: React.FC = () => {
           <h1 className="text-xl md:text-2xl font-semibold">{t('nodes')}</h1>
           <div className="text-sm text-zinc-500 mt-1">{t('nodesDetailHint')}</div>
         </div>
-        <button onClick={() => { refreshNodes(); setReloadTick((value) => value + 1); }} className="ui-button ui-button-primary px-3 py-1.5 text-sm">
-          {loading ? t('loading') : t('refresh')}
+        <button
+          onClick={() => { refreshNodes(); setReloadTick((value) => value + 1); }}
+          className="ui-button ui-button-primary ui-button-icon"
+          title={loading ? t('loading') : t('refresh')}
+          aria-label={loading ? t('loading') : t('refresh')}
+        >
+          <RefreshCw className={`w-4 h-4 ${loading ? 'animate-spin' : ''}`} />
         </button>
       </div>
 
       <div className="grid grid-cols-1 xl:grid-cols-[300px_1fr_1.1fr] gap-4 flex-1 min-h-0">
         <div className="brand-card ui-panel rounded-[28px] overflow-hidden flex flex-col min-h-0">
           <div className="px-3 py-2 border-b border-zinc-800 dark:border-zinc-700 space-y-2">
-            <div className="text-xs text-zinc-400 uppercase tracking-wider">{t('nodes')}</div>
             <input
               value={nodeFilter}
               onChange={(e) => setNodeFilter(e.target.value)}