The cards drag too, held by their headings

Same arrangement the provider panel gives its readings, applied to the four
charging cards: drag one and the column reorders live under the pointer, the
card being dragged goes half-transparent, the one it is over takes a ring, and
the rail's lock holds the lot still.

Two things differ from the readings row, both because these are four different
things rather than four of one. A card is placed with the CSS order property
instead of by moving markup, so each keeps its own template and its own v-if.
And the handle is the card's heading rather than the whole card — a card that
was draggable everywhere would fight the current-limit slider and the address
fields for the pointer.

Saved on the profile as charger_card_order, beside the tab order.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

API Server/internal/bootstrap/schema.go

@@ -255,6 +255,8 @@ var collectionsSchema = map[string][]fieldDef{
 		// The charging page's tab order. Per user like the garage order, and for
 		// the same reason: it is this person's arrangement of their own page.
 		fJSON("charger_tab_order", 2000),
+		// The charging page's card order, stored the same way as its tab order.
+		fJSON("charger_card_order", 2000),
 	},
 }