(chore) remove outdated code (#1765)

* optimize room typing members hook

* remove unused code - WIP

* remove old code from initMatrix

* remove twemojify function

* remove old sanitize util

* delete old markdown util

* delete Math atom component

* uninstall unused dependencies

* remove old notification system

* decrypt message in inbox notification center and fix refresh in background

* improve notification

---------

Co-authored-by: Krishan <33421343+kfiven@users.noreply.github.com>

src/app/organisms/space-settings/SpaceSettings.jsx

@@ -2,12 +2,9 @@ import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import './SpaceSettings.scss';
 
-import { twemojify } from '../../../util/twemojify';
-
 import initMatrix from '../../../client/initMatrix';
 import cons from '../../../client/state/cons';
 import navigation from '../../../client/state/navigation';
-import { leave } from '../../../client/action/room';
 
 import Text from '../../atoms/text/Text';
 import IconButton from '../../atoms/button/IconButton';
@@ -29,6 +26,7 @@ import LeaveArrowIC from '../../../../public/res/ic/outlined/leave-arrow.svg';
 import EmojiIC from '../../../../public/res/ic/outlined/emoji.svg';
 
 import { confirmDialog } from '../../molecules/confirm-dialog/ConfirmDialog';
+import { useMatrixClient } from '../../hooks/useMatrixClient';
 
 const tabText = {
   GENERAL: 'General',
@@ -62,6 +60,7 @@ const tabItems = [
 
 function GeneralSettings({ roomId }) {
   const roomName = initMatrix.matrixClient.getRoom(roomId)?.name;
+  const mx = useMatrixClient();
 
   return (
     <>
@@ -76,7 +75,7 @@ function GeneralSettings({ roomId }) {
               'Leave',
               'danger'
             );
-            if (isConfirmed) leave(roomId);
+            if (isConfirmed) mx.leave(roomId);
           }}
           iconSrc={LeaveArrowIC}
         >
@@ -138,7 +137,7 @@ function SpaceSettings() {
       className="space-settings"
       title={
         <Text variant="s1" weight="medium" primary>
-          {isOpen && twemojify(room.name)}
+          {isOpen && room.name}
           <span style={{ color: 'var(--tc-surface-low)' }}> — space settings</span>
         </Text>
       }