Adding some translations

src/components/Dashboard/Modals/SelectElement/Components/Shared/SelectorBackArrow.tsx

@@ -1,19 +1,23 @@
 import { Button, Text } from '@mantine/core';
 import { IconArrowNarrowLeft } from '@tabler/icons';
+import { useTranslation } from 'next-i18next';
 
 interface SelectorBackArrowProps {
   onClickBack: () => void;
 }
 
-export const SelectorBackArrow = ({ onClickBack }: SelectorBackArrowProps) => (
-  <Button
-    leftIcon={<IconArrowNarrowLeft />}
-    onClick={onClickBack}
-    styles={{ inner: { width: 'fit-content' } }}
-    fullWidth
-    variant="default"
-    mb="md"
-  >
-    <Text>See all available elements</Text>
-  </Button>
-);
+export function SelectorBackArrow({ onClickBack }: SelectorBackArrowProps) {
+  const { t } = useTranslation('layout/element-selector/selector');
+  return (
+    <Button
+      leftIcon={<IconArrowNarrowLeft />}
+      onClick={onClickBack}
+      styles={{ inner: { width: 'fit-content' } }}
+      fullWidth
+      variant="default"
+      mb="md"
+    >
+      <Text>{t('goBack')}</Text>
+    </Button>
+  );
+}