fix: disable native browser drag on links during sidebar edit mode

Browser natively makes <a> tags draggable, which competes with SortableJS
drag handling and causes sporadic behavior — sometimes the browser's
native link drag activates instead of SortableJS.

Fix: set draggable="false" and prevent dragstart events on nav links
when entering edit mode, restoring defaults when exiting.

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

Author: sarg3nt

gearbox/internal/framework/templates/layouts/base.templ

@@ -477,10 +477,13 @@ templ Base(title string, user *models.User, currentPath ...string) {
 			let sidebarEditMode = false;
 			let sidebarSortable = null;
 
-			// Prevent navigation when in edit mode
+			// Prevent navigation and native browser drag when in edit mode
 			function preventNavClick(e) {
 				e.preventDefault();
 			}
+			function preventNativeDrag(e) {
+				e.preventDefault();
+			}
 
 			function toggleSidebarEditMode() {
 				sidebarEditMode = !sidebarEditMode;
@@ -497,9 +500,12 @@ templ Base(title string, user *models.User, currentPath ...string) {
 					// Show drag handles
 					dragHandles.forEach(handle => handle.classList.remove('hidden'));
 
-					// Prevent link navigation but keep pointer events active for drag handles
+					// Prevent link navigation and disable native browser drag
+					// (browser natively drags <a> tags, which conflicts with SortableJS)
 					navLinks.forEach(link => {
 						link.addEventListener('click', preventNavClick);
+						link.addEventListener('dragstart', preventNativeDrag);
+						link.setAttribute('draggable', 'false');
 						link.style.cursor = 'grab';
 					});
 
@@ -513,9 +519,11 @@ templ Base(title string, user *models.User, currentPath ...string) {
 					// Hide drag handles
 					dragHandles.forEach(handle => handle.classList.add('hidden'));
 
-					// Re-enable link clicks
+					// Restore link behavior
 					navLinks.forEach(link => {
 						link.removeEventListener('click', preventNavClick);
+						link.removeEventListener('dragstart', preventNativeDrag);
+						link.removeAttribute('draggable');
 						link.style.cursor = '';
 					});