feat: distinguish fish by visual family

apps/web/tests/unit/presentation.test.ts

@@ -2,6 +2,7 @@ import assert from "node:assert/strict";
 import test from "node:test";
 
 import { activityLevel, plural } from "../../src/lib/presentation.ts";
+import { fishVisualFamily } from "../../src/lib/fish-visuals.ts";
 
 test("activity levels share one complete 0-100 scale", () => {
   assert.deepEqual(
@@ -17,3 +18,10 @@ test("Russian plural forms cover common and exceptional endings", () => {
     ["точек", "точка", "точки", "точек", "точек", "точка", "точки", "точек"],
   );
 });
+
+test("fish visual families follow body type instead of a name hash", () => {
+  assert.deepEqual(
+    ["Щука", "Озёрная форель", "Карп", "Окунь", "Сом", "Угорь", "Палтус", "Треска", "Неизвестная рыба"].map(fishVisualFamily),
+    ["pike", "salmonid", "cyprinid", "perch", "catfish", "eel", "flatfish", "marine", "generic"],
+  );
+});