perf(paragon): remove paragon to reduce bundle size

config/webpack.prod.config.js

@@ -47,12 +47,6 @@ module.exports = Merge.smart(commonConfig, {
       amd: '@edx/frontend-logging',
       root: '@edx/frontend-logging',
     },
-    '@edx/paragon': {
-      commonjs: '@edx/paragon',
-      commonjs2: '@edx/paragon',
-      amd: 'Paragon',
-      root: 'Paragon',
-    },
   },
   plugins: [
     // Cleans the dist directory before each build

package.json

@@ -43,7 +43,6 @@
     "@edx/edx-bootstrap": "^2.2.1",
     "@edx/frontend-i18n": "^2.1.0",
     "@edx/frontend-logging": "^2.0.2",
-    "@edx/paragon": "^4.2.4",
     "@fortawesome/fontawesome-svg-core": "^1.2.17",
     "@fortawesome/free-brands-svg-icons": "^5.8.1",
     "@fortawesome/free-regular-svg-icons": "^5.8.1",

src/lib/components/SiteFooter/__snapshots__/SiteFooter.test.jsx.snap

@@ -15,8 +15,6 @@ exports[`<SiteFooter /> renders correctly does not render language selector 1`]
       <a
         aria-label="edX Home"
         href="https://www.example.com"
-        onClick={[Function]}
-        target="_self"
       >
         <img
           alt="edx Logo"
@@ -398,8 +396,6 @@ exports[`<SiteFooter /> renders correctly does not render mobile links 1`] = `
       <a
         aria-label="edX Home"
         href="https://www.example.com"
-        onClick={[Function]}
-        target="_self"
       >
         <img
           alt="edx Logo"
@@ -807,8 +803,6 @@ exports[`<SiteFooter /> renders correctly does not render social links 1`] = `
       <a
         aria-label="edX Home"
         href="https://www.example.com"
-        onClick={[Function]}
-        target="_self"
       >
         <img
           alt="edx Logo"
@@ -1084,8 +1078,6 @@ exports[`<SiteFooter /> renders correctly renders with social and mobile links 1
       <a
         aria-label="edX Home"
         href="https://www.example.com"
-        onClick={[Function]}
-        target="_self"
       >
         <img
           alt="edx Logo"

src/lib/components/SiteFooter/index.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Hyperlink } from '@edx/paragon';
 import qs from 'query-string';
 
 const EVENT_NAMES = {
@@ -118,12 +117,12 @@ class SiteFooter extends React.Component {
       >
         <div className="max-width-1180 d-grid">
           <div className="area-1">
-            <Hyperlink
-              destination={marketingSiteBaseUrl}
+            <a
+              href={marketingSiteBaseUrl}
               aria-label={siteLogo.ariaLabel}
             >
               <img src={siteLogo.src} alt={siteLogo.altText} />
-            </Hyperlink>
+            </a>
             {showLanguageSelector &&
               <div className="i18n d-flex mt-2">
                 <form