refactor(icons): install and use @heroicons/react (#1438)

src/pages/404.tsx

@@ -1,3 +1,4 @@
+import { ArrowCircleRightIcon } from '@heroicons/react/outline';
 import Link from 'next/link';
 import React from 'react';
 import { defineMessages, useIntl } from 'react-intl';
@@ -22,22 +23,9 @@ const Custom404: React.FC = () => {
         })}
       </div>
       <Link href="/">
-        <a className="flex">
+        <a className="flex mt-2">
           {intl.formatMessage(messages.returnHome)}
-          <svg
-            className="w-6 h-6 ml-2"
-            fill="none"
-            stroke="currentColor"
-            viewBox="0 0 24 24"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              strokeLinecap="round"
-              strokeLinejoin="round"
-              strokeWidth={2}
-              d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z"
-            />
-          </svg>
+          <ArrowCircleRightIcon className="w-6 h-6 ml-2" />
         </a>
       </Link>
     </div>