feat/no-results-ui: add translations to no results ui

src/locales/en/translation.json

@@ -3,7 +3,8 @@
     "featured": "Featured",
     "recently_added": "Recently added",
     "trending": "Trending",
-    "surprise_me": "✨ Surprise me"
+    "surprise_me": "✨ Surprise me",
+    "no_results": "No results found"
   },
   "sidebar": {
     "catalogue": "Catalogue",

src/locales/es/translation.json

@@ -3,7 +3,8 @@
     "featured": "Destacado",
     "recently_added": "Recién Añadidos",
     "trending": "Tendencias",
-    "surprise_me": "✨ ¡Sorpréndeme!"
+    "surprise_me": "✨ ¡Sorpréndeme!",
+    "no_results": "No se encontraron resultados"
   },
   "sidebar": {
     "catalogue": "Catálogo",

src/locales/pt/translation.json

@@ -3,7 +3,8 @@
     "featured": "Destaque",
     "recently_added": "Novidades",
     "trending": "Populares",
-    "surprise_me": "✨ Me surpreenda"
+    "surprise_me": "✨ Me surpreenda",
+    "no_results": "Nenhum resultado encontrado"
   },
   "sidebar": {
     "catalogue": "Catálogo",

src/renderer/pages/catalogue/search-results.tsx

@@ -7,10 +7,13 @@ import { InboxIcon } from "@primer/octicons-react";
 import { clearSearch } from "@renderer/features";
 import { useAppDispatch, useAppSelector } from "@renderer/hooks";
 import { vars } from "@renderer/theme.css";
+import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 import * as styles from "./catalogue.css";
 
 export function SearchResults() {
+  const { t } = useTranslation("catalogue");
+
   const { results, isLoading } = useAppSelector((state) => state.search);
   const dispatch = useAppDispatch();
 
@@ -51,7 +54,7 @@ export function SearchResults() {
 					<div className={styles.noResults}>
 						<InboxIcon size={56} />
 
-						<p>Nenhum resultado encontrado</p>
+						<p>{t('no_results')}</p>
 					</div>
 				)}
 			</main>