fix(list): internationalize and improve range filter summaries

Adds new i18n messages for upper-bound-only range filters (e.g., "Up to 90").

Introduces locale-aware percentage formatting for all smart list range filter summaries, ensuring percentage values are displayed correctly according to the user's locale.

Changes from ranges to be worded to kill bidi risks.

Author: seferturan

projects/client/i18n/meta/en.json

@@ -6963,6 +6963,75 @@
         }
       }
     },
+    "list_summary_range_up_to": {
+      "default": "Up to {value}",
+      "description": "Smart list filter summary for an upper-bound-only range, e.g. 'Up to 90'.",
+      "variables": {
+        "value": {
+          "type": "string"
+        }
+      }
+    },
+    "list_summary_range_labeled_up_to": {
+      "default": "{label} up to {value}",
+      "description": "Smart list filter summary for a labeled upper-bound-only range, e.g. 'Trakt up to 80%'.",
+      "variables": {
+        "label": {
+          "type": "string"
+        },
+        "value": {
+          "type": "string"
+        }
+      }
+    },
+    "list_summary_range_between": {
+      "default": "{min} to {max}",
+      "description": "Smart list filter summary for a range with both bounds, e.g. '60 to 80'.",
+      "variables": {
+        "min": {
+          "type": "string"
+        },
+        "max": {
+          "type": "string"
+        }
+      }
+    },
+    "list_summary_range_labeled_between": {
+      "default": "{label} {min} to {max}",
+      "description": "Smart list filter summary for a labeled range with both bounds, e.g. 'Trakt 60% to 80%'.",
+      "variables": {
+        "label": {
+          "type": "string"
+        },
+        "min": {
+          "type": "string"
+        },
+        "max": {
+          "type": "string"
+        }
+      }
+    },
+    "list_summary_range_from": {
+      "default": "{value} and up",
+      "description": "Smart list filter summary for a lower-bound-only range, e.g. '60 and up'.",
+      "variables": {
+        "value": {
+          "type": "string"
+        }
+      }
+    },
+    "list_summary_range_labeled_from": {
+      "default": "{label} {value} and up",
+      "description": "Smart list filter summary for a labeled lower-bound-only range, e.g. 'Trakt 60% and up'.",
+      "variables": {
+        "label": {
+          "type": "string"
+        },
+        "value": {
+          "type": "string"
+        }
+      }
+    },
     "warning_smart_lists_limit": {
       "default": "You've reached your smart list limit",
       "description": "Warning text shown when a user has reached their smart list limit and attempts to create a new smart list."

projects/client/src/lib/sections/lists/smart/_internal/SmartListSummaryItem.svelte

@@ -2,10 +2,12 @@
   import MovieIcon from "$lib/components/icons/MovieIcon.svelte";
   import ShowIcon from "$lib/components/icons/ShowIcon.svelte";
   import Link from "$lib/components/link/Link.svelte";
+  import { languageTag } from "$lib/features/i18n/index.ts";
   import * as m from "$lib/features/i18n/messages.ts";
   import CrossOriginImage from "$lib/features/image/components/CrossOriginImage.svelte";
   import type { SmartList } from "$lib/requests/queries/users/smartListQuery.ts";
   import ListSummaryCard from "$lib/sections/lists/components/ListSummaryCard.svelte";
+  import { toPercentage } from "$lib/utils/formatting/number/toPercentage.ts";
   import { toTranslatedGenre } from "$lib/utils/formatting/string/toTranslatedGenre";
   import { UrlBuilder } from "$lib/utils/url/UrlBuilder";
   import SmartListActions from "./SmartListActions.svelte";
@@ -65,33 +67,53 @@
     const [min, max] = value.split("-");
 
     if (min && max) {
-      return `${min}-${max}`;
+      return m.list_summary_range_between({ min, max });
     }
 
     if (min) {
-      return `${min}+`;
+      return m.list_summary_range_from({ value: min });
     }
 
     if (max) {
-      return `Up to ${max}`;
+      return m.list_summary_range_up_to({ value: max });
     }
 
     return value;
   }
 
+  function toRatingPercentage(value: string): string {
+    const numeric = Number(value);
+
+    if (Number.isNaN(numeric)) {
+      return value;
+    }
+
+    return toPercentage(numeric / 100, languageTag());
+  }
+
   function formatPercentRange(value: string, label: string): string {
     const [min, max] = value.split("-");
 
     if (min && max) {
-      return `${label} ${min}-${max}%`;
+      return m.list_summary_range_labeled_between({
+        label,
+        min: toRatingPercentage(min),
+        max: toRatingPercentage(max),
+      });
     }
 
     if (min) {
-      return `${label} ${min}%+`;
+      return m.list_summary_range_labeled_from({
+        label,
+        value: toRatingPercentage(min),
+      });
     }
 
     if (max) {
-      return `${label} up to ${max}%`;
+      return m.list_summary_range_labeled_up_to({
+        label,
+        value: toRatingPercentage(max),
+      });
     }
 
     return `${label} ${value}`;