Added Discord icon to Header

src/components/Footer/Footer.jsx

@@ -48,6 +48,7 @@ const Footer = () => (
         >
           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

@@ -13,6 +13,7 @@ import Tooltip from '../Tooltip/Tooltip';
 // Load Styling
 import '@docsearch/css';
 
+import DiscordIcon from '../../styles/icons/discord.svg';
 import GithubIcon from '../../styles/icons/github.svg';
 import XIcon from '../../styles/icons/x.svg';
 import StackOverflowIcon from '../../styles/icons/stack-overflow.svg';
@@ -140,6 +141,11 @@ function Navigation({ links, pathname, hash = '', toggleSidebar }) {
                 title: 'GitHub',
                 children: <GithubIcon {...navigationIconProps} />,
               },
+              {
+                to: 'https://discord.com/invite/5sxFZPdx2k',
+                title: 'Discord',
+                children: <DiscordIcon {...navigationIconProps} />,
+              },
               {
                 to: 'https://x.com/webpack',
                 title: 'X',