feat: adding translation for catalogue

src/renderer/src/pages/catalogue/catalogue.tsx

@@ -301,7 +301,9 @@ export default function Catalogue() {
               marginTop: 16,
             }}
           >
-            <span>{formatNumber(itemsCount)} resultados</span>
+            <span style={{ fontSize: 12 }}>
+              {t("result_count", { count: formatNumber(itemsCount) })}
+            </span>
 
             <Pagination
               page={page}

src/renderer/src/pages/catalogue/filter-section.tsx

@@ -3,6 +3,8 @@ import { useFormat } from "@renderer/hooks";
 import { useCallback, useMemo, useState } from "react";
 
 import List from "rc-virtual-list";
+import { vars } from "@renderer/theme.css";
+import { useTranslation } from "react-i18next";
 
 export interface FilterSectionProps {
   title: string;
@@ -24,6 +26,7 @@ export function FilterSection({
   onClear,
 }: FilterSectionProps) {
   const [search, setSearch] = useState("");
+  const { t } = useTranslation("catalogue");
 
   const filteredItems = useMemo(() => {
     if (search.length > 0) {
@@ -64,7 +67,6 @@ export function FilterSection({
           style={{
             fontSize: 16,
             fontWeight: 500,
-            color: "#fff",
           }}
         >
           {title}
@@ -78,22 +80,22 @@ export function FilterSection({
             fontSize: 12,
             marginBottom: 12,
             display: "block",
-            color: "#fff",
+            color: vars.color.body,
             cursor: "pointer",
             textDecoration: "underline",
           }}
           onClick={onClear}
         >
-          Limpar {formatNumber(selectedItemsCount)} selecionados
+          {t("clear_filters", { count: formatNumber(selectedItemsCount) })}
         </button>
       ) : (
         <span style={{ fontSize: 12, marginBottom: 12, display: "block" }}>
-          {formatNumber(items.length)} disponíveis
+          {t("filter_count", { count: formatNumber(items.length) })}
         </span>
       )}
 
       <TextField
-        placeholder="Search..."
+        placeholder={t("search")}
         onChange={(e) => onSearch(e.target.value)}
         value={search}
         containerProps={{ style: { marginBottom: 16 } }}