refactor settingsmodal to render it globally

src/views/pending-post/pending-post.tsx

@@ -1,9 +1,7 @@
 import { useEffect } from 'react';
-import { useLocation, useNavigate, useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import { useAccountComment, useAccountComments } from '@plebbit/plebbit-react-hooks';
-import { isSettingsView } from '../../lib/utils/view-utils';
 import { Post } from '../post';
-import SettingsModal from '../../components/settings-modal';
 
 const PendingPost = () => {
   const { accountComments } = useAccountComments();
@@ -11,9 +9,6 @@ const PendingPost = () => {
   const commentIndex = accountCommentIndex ? parseInt(accountCommentIndex) : undefined;
   const post = useAccountComment({ commentIndex });
   const navigate = useNavigate();
-  const location = useLocation();
-  const params = useParams();
-  const isInSettingsView = isSettingsView(location.pathname, params);
 
   useEffect(() => window.scrollTo(0, 0), []);
 
@@ -36,12 +31,7 @@ const PendingPost = () => {
     }
   }, [post, navigate]);
 
-  return (
-    <>
-      {isInSettingsView && <SettingsModal />}
-      <Post post={post} />
-    </>
-  );
+  return <Post post={post} />;
 };
 
 export default PendingPost;