Added Discord icon to Header

src/components/Footer/Footer.jsx

@@ -42,12 +42,17 @@ const Footer = () => (
         <Link className="footer__link" to="https://gitter.im/webpack/webpack">
           Gitter
         </Link>
+        <Link className="footer__link" to="https://discord.gg/8WWf6F7p">
+          Discord
+        </Link>
+
         <Link
           className="footer__link"
           to="https://github.com/webpack/webpack/releases"
         >
           Changelog
         </Link>
+
         <Link className="footer__link footer__license" to="/license">
           <img alt="Creative Commons License" src={CC} width={25} height={25} />
           <img alt="Creative Commons License" src={BY} width={25} height={25} />

src/components/Navigation/Navigation.jsx

@@ -140,6 +140,7 @@ function Navigation({ links, pathname, hash = '', toggleSidebar }) {
                 title: 'GitHub',
                 children: <GithubIcon {...navigationIconProps} />,
               },
+
               {
                 to: 'https://x.com/webpack',
                 title: 'X',