fix(ui): account detail page crashes for accounts with empty capabilities (argoproj#23787)

Signed-off-by: xiaopeng <hanxiaop8@outlook.com>

Author: hanxiaop

ui/src/app/settings/components/account-details/account-details.tsx

@@ -39,7 +39,7 @@ export const AccountDetails = (props: RouteComponentProps<{name: string}>) => {
                                     </div>
                                     <div className='row white-box__details-row'>
                                         <div className='columns small-3'>CAPABILITIES</div>
-                                        <div className='columns small-9'>{account.capabilities.join(', ')}</div>
+                                        <div className='columns small-9'>{(account.capabilities || []).join(', ')}</div>
                                     </div>
                                 </div>
                             </div>

ui/src/app/settings/components/accounts-list/accounts-list.tsx

@@ -29,7 +29,7 @@ export const AccountsList = () => {
                                         <div className='row'>
                                             <div className='columns small-3'>{account.name}</div>
                                             <div className='columns small-3'>{(account.enabled && 'true') || 'false'}</div>
-                                            <div className='columns small-6'>{account.capabilities && account.capabilities.join(', ')}</div>
+                                            <div className='columns small-6'>{(account.capabilities || []).join(', ')}</div>
                                         </div>
                                     </div>
                                 ))}