feat(web): unify Semi UI workspace states

vehicle-data-platform/apps/web/src/v2/pages/UsersPage.tsx

@@ -11,6 +11,7 @@ import { TablePagination } from '../shared/TablePagination';
 import { VehicleCandidateList } from '../shared/VehicleCandidateList';
 import { WorkspacePanelHeader } from '../shared/WorkspacePanelHeader';
 import { mergeVehicleCandidates } from '../shared/vehicleCandidates';
+import { PanelEmpty, PanelLoading } from '../shared/AsyncState';
 
 const customerMenus = [
   { key: 'monitor', label: '全局监控', description: '查看授权车辆的实时位置与状态' },
@@ -258,7 +259,7 @@ export default function UsersPage() {
             <span><small>停用账号</small><strong>{customers.length - enabledCustomers}</strong></span>
             <span><small>车辆授权</small><strong>{grantedVehicles}</strong></span>
           </div>
-          {users.isPending ? <div className="v2-user-list-loading" role="status"><Spin size="middle" tip="正在加载客户账号" /></div> : customers.length === 0 ? <Empty className="v2-user-list-empty" title="还没有客户账号" description="创建客户账号后，可在这里配置菜单和车辆范围。"><Button theme="solid" onClick={startCreate}>创建第一个客户账号</Button></Empty> : <>
+          {users.isPending ? <PanelLoading className="v2-user-list-loading" title="正在加载客户账号" description="账号目录和授权摘要就绪后会自动显示。" /> : customers.length === 0 ? <PanelEmpty className="v2-user-list-empty" title="还没有客户账号" description="创建客户账号后，可在这里配置菜单和车辆范围。" action={<Button theme="solid" onClick={startCreate}>创建第一个客户账号</Button>} /> : <>
             <Input className="v2-user-list-search" aria-label="搜索客户账号" prefix={<IconSearch />} showClear value={customerKeyword} onChange={setCustomerKeyword} placeholder="搜索名称、账号或客户标识" />
             <List
               className="v2-customer-list"