feat(token-details): fix crash on undefined object access (#4712)

feat(token-details): fix crash on undefined object access +some small errors

src/components/TokenSafety/TokenSafetyMessage.tsx

@@ -51,11 +51,12 @@ export default function TokenWarningMessage({ warning, tokenAddress }: TokenWarn
       </TitleRow>
 
       <DetailsRow>
-        {heading && [heading, '. ']}
+        {heading}
+        {Boolean(heading) && ' '}
         {description}
+        {Boolean(description) && ' '}
         {tokenAddress && (
           <ExternalLink href={TOKEN_SAFETY_ARTICLE}>
-            {' '}
             <Trans>Learn more</Trans>
           </ExternalLink>
         )}

src/constants/tokenSafety.tsx

@@ -15,8 +15,8 @@ export function getWarningCopy(warning: Warning | null, plural = false) {
     description = null
   if (warning) {
     if (warning.canProceed) {
-      heading = <Plural value={plural ? 2 : 1} _1="This token isn't verified" other="These tokens aren't verified" />
-      description = <Trans>{'Please do your own research before trading.'}</Trans>
+      heading = <Plural value={plural ? 2 : 1} _1="This token isn't verified." other="These tokens aren't verified." />
+      description = <Trans>Please do your own research before trading.</Trans>
     } else {
       description = (
         <Plural

src/pages/TokenDetails/index.tsx

@@ -158,7 +158,7 @@ export default function TokenDetails() {
 
   const tokenProject = query.tokenProjects?.[0]
   const tokenProjectMarket = tokenProject?.markets?.[0]
-  const tokenMarket = tokenProject?.tokens[0].market
+  const tokenMarket = tokenProject?.tokens?.[0]?.market
 
   // TODO: Fix this logic to not automatically redirect on refresh, yet still catch invalid addresses
   //const location = useLocation()