Arrange the rail: drag pages into your own order, kept with the account

The close cross on a detail pane is drawn, not a glyph, and sits in no box.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

web/src/Services.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { api, LogEntry, ServiceDetail, ServiceUnit, wsURLPath } from './api'
-import { Btn, Loading, Spinner, askYes, toast } from './ui'
+import { askYes, Btn, CloseBtn, Loading, Spinner, toast } from './ui'
 import { LIST_FLOOR, useRefreshMs } from './prefs'
 import { useHashSel } from './hashsel'
 
@@ -137,7 +137,7 @@ function Detail({ name, onChanged, onBack }: { name: string; onChanged: () => vo
 
   return (
     <div className="svc-detail">
-      <button className="icon-btn detail-close" title="Close" aria-label="close" onClick={onBack}>×</button>
+      <CloseBtn onClick={onBack} />
       <button className="btn back" onClick={onBack}>‹ Services</button>
       <div className="svc-head">
         <span className={'sdot ' + stateClass(d)} />