feat: add reply modal

src/components/challenge-modal/challenge-modal.module.css

@@ -74,7 +74,6 @@
 }
 
 .challengeFooter button {
-  margin: 5px 5px 0 0;
   cursor: pointer;
   filter: var(--filter80);
   text-transform: capitalize;

src/components/challenge-modal/challenge-modal.tsx

@@ -5,6 +5,7 @@ import { Challenge as ChallengeType } from '@plebbit/plebbit-react-hooks';
 import { getPublicationType } from '../../lib/utils/challenge-utils';
 import useChallenges from '../../hooks/use-challenges';
 import styles from './challenge-modal.module.css';
+import _ from 'lodash';
 
 interface ChallengeProps {
   challenge: ChallengeType;
@@ -62,7 +63,7 @@ const Challenge = ({ challenge, closeModal }: ChallengeProps) => {
         </div>
         <div className={styles.publication}>
           <div className={styles.name}>
-            <input type='text' value={displayName || 'Anonymous'} disabled />
+            <input type='text' value={displayName || _.capitalize(t('anonymous'))} disabled />
           </div>
           {title && (
             <div className={styles.subject}>