Merge branch '4_table-sorting'

Previous commit runs only in dev

src/views/Project.vue

@@ -108,16 +108,29 @@ function getCellValue(userstory: Userstory, header: TableHeader): string | numbe
         if (header.key === "status") {
             return userstory.status_extra_info?.name || userstory.status.toString();
         }
-        return userstory[header.key as keyof Userstory] ?? "";
+        const value = userstory[header.key as keyof Userstory];
+
+        if (value === null) return null;
+        if (typeof value === "string" || typeof value === "number") return value;
+        if (value === undefined) return "";
+        return String(value);
     } else {
         if (header.attributeId === undefined) return "N/A (no attr ID)";
 
         const attributes = dataStore.userstoryAttributesMap.get(userstory.id);
         if (attributes) {
-            // Ключи для кастомных полей приходят как строки
+            const attrValue = attributes[header.attributeId.toString()];
-            return attributes[header.attributeId.toString()] ?? "";
+
+            if (attrValue === null) return null;
+            if (typeof attrValue === "string" || typeof attrValue === "number") return attrValue;
+            if (attrValue === undefined) return "";
+            return String(attrValue);
         }
-        return isLoadingAttributesForAnyStory.value ? "..." : "";
+
+        if (isLoadingAttributesForAnyStory.value && !dataStore.userstoryAttributesMap.has(userstory.id)) {
+            return "...";
+        }
+        return "";
     }
 }
 </script>
@@ -137,4 +150,7 @@ function getCellValue(userstory: Userstory, header: TableHeader): string | numbe
 table thead tr th {
     font-weight: bold;
 }
+table thead tr th:hover {
+    background-color: var(--vt-c-black-soft);
+}
 </style>