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

@@ -7,6 +7,7 @@ import { IMessage } from '../../Interfaces/IMessage';
 import { DISABLE_API } from '../../utils/default';
 import { GetCircularReplacer } from '../../utils/saveload';
 import { TITLE_BAR_HEIGHT } from '../Sidebar/Sidebar';
+import { Text } from '../Text/Text';
 
 interface IMessagesProps {
   historyState: IHistoryState
@@ -49,8 +50,8 @@ export function Messages(props: IMessagesProps): JSX.Element {
         <button
           onClick={() => { props.clearMessage(); }}
           className='h-full hover:bg-slate-400 rounded-lg p-1'
-          aria-label='Clear all messages'
-          title='Clear all messages'
+          aria-label={Text({ textId: '@ClearAllMessages' })}
+          title={Text({ textId: '@ClearAllMessages' })}
         >
           <TrashIcon className='heroicon'></TrashIcon>
         </button>