Fix new eslint errors (#1844)

* Fix `svelte-check` warning about enableSourcemap

Sourcemaps are always on in Svelte 5, no need to enable them explicitly.

* Fix missing translation

This was caught by the svelte/no-useless-mustaches rule

* Fix remaining svelte/no-useless-mustaches errors

The two remaining svelte/no-useless-mustaches errors were auto-fixed by
the eslint rule.

* Fix eslint errors in Lexbox admin UI

FW Lite UI (frontend/viewer) will be next

* Fix eslint warnings in viewer

* Use index as #each key when uniqueness not guaranteed

In a few places, like when iterating over strings from a URL path, we
can't 100% guarantee that they will be unique, so it's better to use the
index as the key. This can result in unnecessary re-renderings, but this
is better than the result that would happen if a Svelte #each block
ended up with the same key pointing at multiple items in the #each. And
there won't be many re-renderings in most of these cases, as they are
not things that change frequently (if at all) in the UI.

Author: rmunn

frontend/eslint.config.js

@@ -143,12 +143,4 @@ export default [
       }
     },
   },
-  {
-    // TEMPORARY IGNORES, to be gotten rid of as soon as possible - 2025-07-24 RM
-    files: ['**/*.svelte', '**/*.svelte.ts'],
-    rules: {
-      'svelte/require-each-key': 'off',
-      'svelte/no-useless-mustaches': 'off',
-    },
-  },
 ];

frontend/src/lib/components/HgLogView.svelte

@@ -136,7 +136,7 @@
   </thead>
   <tbody>
     {#if logEntries?.length}
-      {#each expandedLog as log, idx}
+      {#each expandedLog as log, idx (log.node)}
         <tr>
           {#if idx === 0}
             <td class="py-0 w-0" rowspan="1000000">

frontend/src/lib/components/ProjectList.svelte

@@ -14,7 +14,7 @@
 </script>
 
 <div class="grid grid-cols-1 xs:grid-cols-2 sm:grid-cols-3 auto-rows-fr gap-2 md:gap-4 max-xs:justify-items-center">
-  {#each projects as project}
+  {#each projects as project (project.id)}
     {#if project.isDraft}
       <div class="draft card aspect-square bg-base-200 overflow-hidden">
         <div class="bg" style="background-image: url('{getProjectTypeIcon(project.type)}')"></div>

frontend/src/lib/components/Projects/ProjectConfidentialityFilterSelect.svelte

@@ -21,7 +21,7 @@
 <div class="relative">
   <Select {...rest} label={$t('project.confidential.confidentiality')} helpLink={helpLinks.confidentiality} bind:value>
     <option value={undefined}>{$t('common.any')}</option>
-    {#each Object.entries(options) as [value, label]}
+    {#each Object.entries(options) as [value, label] (value)}
       <option {value}>{$t(label)}</option>
     {/each}
   </Select>

frontend/src/lib/components/Projects/ProjectFilter.svelte

@@ -98,7 +98,7 @@
   {loading}
 >
   {#snippet activeFilterSlot({ activeFilters })}
-    {#each activeFilters as filter}
+    {#each activeFilters as filter (filter.key)}
       {#if filter.key === 'projectType'}
         <ActiveFilter {filter}>
           <ProjectTypeIcon type={filter.value} />

frontend/src/lib/components/Projects/ProjectTable.svelte

@@ -55,7 +55,7 @@
       </tr>
     </thead>
     <tbody>
-      {#each projects as project}
+      {#each projects as project (project.id)}
         <tr>
           {#if isColumnVisible('name')}
             <td>

frontend/src/lib/components/Projects/WritingSystemList.svelte

@@ -13,7 +13,7 @@
 <div class="w-full">
   {#if writingSystems.length > 0}
     <BadgeList>
-      {#each writingSystems as ws}
+      {#each writingSystems as ws (ws.tag)}
         <WritingSystemBadge tag={ws.tag} isActive={ws.isActive} isDefault={ws.isDefault} />
       {/each}
     </BadgeList>

frontend/src/lib/components/TrainTracks.svelte

@@ -113,10 +113,10 @@
 {#if circles?.length > 0}
   <svg width={maxWidth} height="0" style="height: 100%">
     {#if rowHeights?.length > 0}
-      {#each curves as curve}
+      {#each curves as curve, i (i)}
         <path fill="none" stroke={curve.color} stroke-width="1.5" d={curve.d} />
       {/each}
-      {#each svgDots as c}
+      {#each svgDots as c, i (i)}
         <circle cx={c.x} cy={c.y} r={circleSize} fill={c.color} stroke="none" style="" />
       {/each}
     {/if}

frontend/src/lib/components/Users/UserFilter.svelte

@@ -54,8 +54,8 @@
   {loading}
 >
   {#snippet activeFilterSlot({ activeFilters })}
-  
-      {#each activeFilters as filter}
+
+      {#each activeFilters as filter (filter.key)}
         {#if filter.key === 'userType' && filter.value}
           <ActiveFilter {filter}>
             {#if filter.value === 'admin'}
@@ -76,10 +76,10 @@
           </ActiveFilter>
         {/if}
       {/each}
-    
+
   {/snippet}
   {#snippet filterSlot()}
-  
+
       <h2 class="card-title">{$t('admin_dashboard.user_filter.title')}</h2>
       {#if filterEnabled('userType')}
         <div class="form-control">
@@ -97,6 +97,6 @@
           </label>
         </div>
       {/if}
-    
+
   {/snippet}
 </FilterBar>

frontend/src/lib/components/Users/UserProjects.svelte

@@ -73,7 +73,7 @@
         </tr>
       </thead>
       <tbody>
-        {#each projects as proj}
+        {#each projects as proj (proj.id)}
           {@const isManager = proj.memberRole === ProjectRole.Manager}
           <tr>
             <td class="p-0 w-4">