remove(components/tweet): don't use escape at all

- readds useKeyboardService module

phone/src/Phone.tsx

@@ -29,6 +29,7 @@ import WindowSnackbar from './ui/components/WindowSnackbar';
 import { useTranslation } from 'react-i18next';
 import { useSnackbar } from './ui/hooks/useSnackbar';
 import { PhoneEvents } from '../../typings/phone';
+import { useKeyboardService } from './os/keyboard/hooks/useKeyboardService';
 import PhoneWrapper from './PhoneWrapper';
 
 import dayjs from 'dayjs';

phone/src/apps/twitter/components/AddTweetModal.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useState, useEffect } from 'react';
+import React, { useCallback, useState } from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import { v4 as uuidv4 } from 'uuid';
 import { useNuiRequest } from 'fivem-nui-react-lib';
@@ -76,24 +76,10 @@ export const AddTweetModal = () => {
     setModalVisible(false);
   };
 
-  // when the user presses escape we should close the modal
-  const _handleEscape = (e) => {
-    e.stopPropagation();
-    const isEscapeKey = e.key === 'Escape' || e.key === 'Esc';
-    if (isEscapeKey) {
-      e.preventDefault();
-      _handleClose();
-    }
-  };
-
   const handleimageChange = useCallback((link) => setLink(link), []);
 
   const handleMessageChange = useCallback((message) => setMessage(message), [setMessage]);
 
-  useEffect(() => {
-    window.addEventListener('keyup', _handleEscape, true);
-    return () => window.removeEventListener('keyup', _handleEscape, true);
-  }, []);
   if (!ResourceConfig) return null;
 
   const isValidMessage = (message) => {