Allow drag-and-drop reordering of dashboard widgets

[moderathor12]

What this does

Adds drag-and-drop reordering to the Widgets Settings panel, so users can customize the order of widgets (System status, Storage, etc.) on their dashboard.

How it works

• Wraps the widget list in the existing Settings.vue with <draggable> from vuedraggable, which is already a project dependency (used in AppSection.vue for app icon reordering — this follows the same pattern).
• A small CSS-based grip handle (no new icon dependency) lets users grab and reorder items.
• On drag end, the existing handleInput() method fires, which already persists the new order through SideBar.vue's saveData() — no backend or storage schema changes needed, since widget order was already driven by the array order in widgets_config.

Related discussions

This addresses long-standing community requests for customizable dashboard widgets:

• ✨ Introducing new features which can create file or folder. #177 (Enhancement: Customizable Dashboard)
• #1791 (CasaOs homepage customization?)

Testing

Tested locally against a live CasaOS instance — widgets can be reordered via the Widgets Settings dropdown, and the new order is reflected immediately on the dashboard and persists after refresh.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud