fix(lang): UI string edits, round 2 (#1202)

src/pages/404.tsx

@@ -1,21 +1,28 @@
 import Link from 'next/link';
 import React from 'react';
-import { defineMessages, FormattedMessage } from 'react-intl';
+import { defineMessages, useIntl } from 'react-intl';
+import PageTitle from '../components/Common/PageTitle';
 
 const messages = defineMessages({
-  pageNotFound: '404 - Page Not Found',
+  errormessagewithcode: '404 - {error}',
+  pagenotfound: 'Page Not Found',
   returnHome: 'Return Home',
 });
 
 const Custom404: React.FC = () => {
+  const intl = useIntl();
+
   return (
     <div className="error-message">
+      <PageTitle title={intl.formatMessage(messages.pagenotfound)} />
       <div className="text-4xl">
-        <FormattedMessage {...messages.pageNotFound} />
+        {intl.formatMessage(messages.errormessagewithcode, {
+          error: intl.formatMessage(messages.pagenotfound),
+        })}
       </div>
       <Link href="/">
         <a className="flex">
-          <FormattedMessage {...messages.returnHome} />
+          {intl.formatMessage(messages.returnHome)}
           <svg
             className="w-6 h-6 ml-2"
             fill="none"