build(frontend): add @alpinejs/sort for drag sorting

frontend/package-lock.json

@@ -11,6 +11,7 @@
       "dependencies": {
         "@alpinejs/collapse": "^3.15.12",
         "@alpinejs/mask": "^3.15.12",
+        "@alpinejs/sort": "^3.17.2",
         "@fontsource-variable/jetbrains-mono": "^5.2.8",
         "@fortawesome/fontawesome-free": "^7.2.0",
         "@popperjs/core": "^2.11.8",
@@ -52,6 +53,15 @@
       "integrity": "sha512-FcOVQp+tsIiBeNwWsH1BjAhJa+R/b6Tv6sPfSMRZlp1e/4w4H44Kagd9Aq86xpFgeI5dibJil2TG0+3LqB4JoA==",
       "license": "MIT"
     },
+    "node_modules/@alpinejs/sort": {
+      "version": "3.17.2",
+      "resolved": "https://registry.npmjs.org/@alpinejs/sort/-/sort-3.17.2.tgz",
+      "integrity": "sha512-72v63zuFkepgO2nwi8wNrD1z6pAY3S+d+lCwSZ9Q39hkIFISxPXKffEh3qtTu7Dzlc98EYLz4kVS/pxp3mdw5g==",
+      "license": "MIT",
+      "dependencies": {
+        "sortablejs": "^1.15.2"
+      }
+    },
     "node_modules/@babel/runtime": {
       "version": "7.29.7",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
@@ -1950,6 +1960,12 @@
       "integrity": "sha512-8OwmbklUNzwezjGInmZ+2clQmExQPvomqjL7LFqOYqtmuxRgQYqOD3mHaU+MvZn5FLUeVxVfQjwLZW/n/JFuqg==",
       "license": "MIT"
     },
+    "node_modules/sortablejs": {
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.7.tgz",
+      "integrity": "sha512-Kk8wLQPlS+yi1ZEf48a4+fzHa4yxjC30M/Sr2AnQu+f/MPwvvX9XjZ6OWejiz8crBsLwSq8GHqaxaET7u6ux0A==",
+      "license": "MIT"
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",

frontend/package.json

@@ -18,6 +18,7 @@
   "dependencies": {
     "@alpinejs/collapse": "^3.15.12",
     "@alpinejs/mask": "^3.15.12",
+    "@alpinejs/sort": "^3.17.2",
     "@fontsource-variable/jetbrains-mono": "^5.2.8",
     "@fortawesome/fontawesome-free": "^7.2.0",
     "@popperjs/core": "^2.11.8",

frontend/src/js/htmx.js

@@ -3,6 +3,7 @@ import './_htmx.js';
 import Alpine from "alpinejs";
 import mask from '@alpinejs/mask';
 import collapse from '@alpinejs/collapse'
+import sort from '@alpinejs/sort';
 import { create, all } from 'mathjs';
 
 window.Alpine = Alpine;
@@ -12,6 +13,7 @@ window.math = create(all, {
 
 Alpine.plugin(mask);
 Alpine.plugin(collapse);
+Alpine.plugin(sort);
 Alpine.start();
 
 /**