fix: add rtl compliance for symbols #366 (#406)

packages/spotlight/src/component.tsx

@@ -100,7 +100,10 @@ export const Spotlight = () => {
       store={spotlightStore}
     >
       <MantineSpotlight.Search
-        placeholder={t("common.search.placeholder")}
+        placeholder={t("common.rtl", {
+          value: t("common.search.placeholder"),
+          symbol: "...",
+        })}
         leftSection={<IconSearch stroke={1.5} />}
       />
 

packages/translation/src/lang/de.ts

@@ -144,6 +144,7 @@ export default {
     },
   },
   common: {
+    rtl: "{value}{symbol}",
     action: {
       backToOverview: "Zurück zur Übersicht",
       create: "Erstellen",
@@ -157,7 +158,7 @@ export default {
     },
     noResults: "Keine Ergebnisse gefunden",
     search: {
-      placeholder: "Suche nach etwas...",
+      placeholder: "Suche nach etwas",
       nothingFound: "Nichts gefunden",
     },
   },

packages/translation/src/lang/en.ts

@@ -337,6 +337,7 @@ export default {
     },
   },
   common: {
+    rtl: "{value}{symbol}",
     action: {
       add: "Add",
       apply: "Apply",
@@ -383,7 +384,7 @@ export default {
       },
     },
     search: {
-      placeholder: "Search for anything...",
+      placeholder: "Search for anything",
       nothingFound: "Nothing found",
       group: {
         all: "All",