Merged PR 225: Implement translations

Implement translations with useContext in React
+Add events to allow changing the language in the app
+Refactor AppEvents
+Redesign vertical bars in elements

src/Components/Editor/Actions/ContextMenuActions.ts

@@ -15,6 +15,7 @@ import { GetCurrentHistoryState } from '../Editor';
 import { AddContainers } from './AddContainer';
 import { DeleteContainer } from './ContainerOperations';
 import { DeleteSymbol } from './SymbolOperations';
+import { Text } from '../../Text/Text';
 
 export function InitActions(
   menuActions: Map<string, IMenuAction[]>,
@@ -28,8 +29,8 @@ export function InitActions(
     '',
     [
       {
-        text: 'Undo',
-        title: 'Undo last action',
+        text: Text({ textId: '@Undo' }),
+        title: Text({ textId: '@UndoTitle' }),
         shortcut: '<kbd>Ctrl</kbd>+<kbd>Z</kbd>',
         action: () => {
           if (historyCurrentStep <= 0) {
@@ -39,8 +40,8 @@ export function InitActions(
         }
       },
       {
-        text: 'Redo',
-        title: 'Redo last action',
+        text: Text({ textId: '@Redo' }),
+        title: Text({ textId: '@RedoTitle' }),
         shortcut: '<kbd>Ctrl</kbd>+<kbd>Y</kbd>',
         action: () => {
           if (historyCurrentStep >= history.length - 1) {
@@ -55,8 +56,8 @@ export function InitActions(
   menuActions.set(
     'elements-sidebar-row',
     [{
-      text: 'Delete',
-      title: 'Delete the container',
+      text: Text({ textId: '@DeleteContainer' }),
+      title: Text({ textId: '@DeleteContainerTitle' }),
       shortcut: '<kbd>Suppr</kbd>',
       action: (target: HTMLElement) => {
         const id = target.id;
@@ -73,8 +74,8 @@ export function InitActions(
   menuActions.set(
     'symbols-sidebar-row',
     [{
-      text: 'Delete',
-      title: 'Delete the container',
+      text: Text({ textId: '@DeleteSymbol' }),
+      title: Text({ textId: '@DeleteSymbolTitle' }),
       shortcut: '<kbd>Suppr</kbd>',
       action: (target: HTMLElement) => {
         const id = target.id;