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/Settings/Settings.tsx

@@ -1,5 +1,6 @@
 import { ArrowUpOnSquareIcon, CameraIcon } from '@heroicons/react/24/outline';
 import React from 'react';
+import { Text } from '../Text/Text';
 
 interface ISettingsProps {
   saveEditorAsJSON: () => void
@@ -12,19 +13,19 @@ export function Settings(props: ISettingsProps): JSX.Element {
          m-2 md:text-xs font-bold'>
       <button type="button"
         className={'w-full transition-all flex sidebar-component'}
-        title='Export as JSON'
+        title={Text({ textId: '@ExportAsJSON' })}
         onClick={props.saveEditorAsJSON}
       >
         <ArrowUpOnSquareIcon className="heroicon w-16 h-7" />
-        Export as JSON
+        {Text({ textId: '@ExportAsJSON' })}
       </button>
       <button type="button"
         className={'w-full transition-all flex sidebar-component'}
-        title='Export as SVG'
+        title={Text({ textId: '@ExportAsSVG' })}
         onClick={props.saveEditorAsSVG}
       >
         <CameraIcon className="heroicon w-16 h-7" />
-        Export as SVG
+        {Text({ textId: '@ExportAsSVG' })}
       </button>
     </div>
   );