[B] Correct resource comment message for unverified users

Author: 1aurend

client/src/config/app/locale/en-US/json/frontend/placeholders.json

@@ -16,6 +16,7 @@
       "discuss_entity": "Discuss this {{entity}}…",
       "unauthenticated": "Log in to post a comment",
       "unauthenticated_full": "<0>Log in</0> to view and add comments.",
+      "unverified": "You must verify your account before viewing or adding comments. You can resend the verification email from your <0>profile page</0>.",
       "deleted": "This comment was deleted."
     },
     "my_starred": {

client/src/frontend/components/resource/Detail/index.js

@@ -11,12 +11,14 @@ import VariantList from "../VariantList";
 import Share from "../Share";
 import Annotations from "./Annotations";
 import { uiVisibilityActions } from "actions";
+import { useAuthentication } from "hooks";
 import * as Styled from "./styles";
 import * as StyledLink from "../Link/styles";
 
 export default function ResourceDetail({ resource, projectTitle }) {
   const { t } = useTranslation();
   const dispatch = useDispatch();
+  const authentication = useAuthentication();
 
   if (!resource) return null;
 
@@ -75,7 +77,11 @@ export default function ResourceDetail({ resource, projectTitle }) {
             ) : (
               <Styled.EmptyMessage>
                 <Trans
-                  i18nKey="placeholders.comments.unauthenticated_full"
+                  i18nKey={
+                    authentication?.authenticated
+                      ? "placeholders.comments.unverified"
+                      : "placeholders.comments.unauthenticated_full"
+                  }
                   components={[
                     <Styled.LoginButton type="button" onClick={onLoginClick} />
                   ]}