feat: remove vetting features (#270)

* feat(db): remove `verifications` table

* feat(model): remove `Verification` data model

* test(fixtures/users): remove `verifications` field

* feat(i18n): remove verifications translations

* fix(api/account): remove verifications merging

* fix(api/update/user-tags): remove `vetted` tag

* refactor(components): remove user vetting

* feat(components/user): add visibility toggle

* fix(mail/users): replace vet page link with edit page

* refactor(pages): remove user vetting page

* refactor: remove `vetted` user tag

* fix(user/display): remove `FactCheckIcon` import

* refactor(icons): remove unused `FactCheckIcon`

Author: nicholaschiang

components/icons/fact-check.tsx

@@ -7,7 +7,6 @@ import useTranslation from 'next-translate/useTranslation';
 
 import Avatar from 'components/avatar';
 import EditIcon from 'components/icons/edit';
-import FactCheckIcon from 'components/icons/fact-check';
 import RequestForm from 'components/user/request-form';
 
 import { getEmailLink, getPhoneLink, join } from 'lib/utils';
@@ -108,9 +107,6 @@ export default function UserDisplay({
               <Link href={`/${org?.id || ''}/users/${user?.id || ''}/edit`}>
                 <IconButton icon={<EditIcon />} label='Edit user' />
               </Link>
-              <Link href={`/${org?.id || ''}/users/${user?.id || ''}/vet`}>
-                <IconButton icon={<FactCheckIcon />} label='Vet user' />
-              </Link>
             </div>
           )}
         </a>

components/user/display.tsx

@@ -1,6 +1,14 @@
 @use 'styles/common';
 @use 'styles/sizes';
 
+.switch {
+  margin: 16px;
+
+  label {
+    margin-left: 16px;
+  }
+}
+
 .wrapper {
   @include common.wrapper(sizes.$form-width-with-margin);
   padding: 48px 24px;

components/user/edit.module.scss

@@ -1,5 +1,6 @@
 import { FormEvent, useCallback } from 'react';
 import { Snackbar, SnackbarAction } from '@rmwc/snackbar';
+import { Switch } from '@rmwc/switch';
 import { TextField } from '@rmwc/textfield';
 import axios from 'axios';
 import { mutate } from 'swr';
@@ -140,6 +141,13 @@ export default function UserEdit({
     },
     [setUser]
   );
+  const onVisibilityChange = useCallback(
+    (evt: FormEvent<HTMLInputElement>) => {
+      const visible = evt.currentTarget.checked;
+      return setUser((prev) => new User({ ...prev, visible }));
+    },
+    [setUser]
+  );
 
   return (
     <>
@@ -163,6 +171,12 @@ export default function UserEdit({
           className={styles.display}
           onClick={() => router.push(`/${org?.id}/users/${user.id}`)}
         />
+        <Switch
+          className={styles.switch}
+          label={t('user:visible')}
+          checked={user.visible}
+          onChange={onVisibilityChange}
+        />
         <div className={styles.card}>
           <div className={styles.inputs}>
             <TextField