Discord button footer link

client/src/app/components/footer/footer.component.html

@@ -14,5 +14,7 @@
     <a href="https://www.instagram.com/cubingza/" target="_blank" rel=noopener><fa-icon [icon]="faInstagram" aria-hidden="true" /> Instagram</a>
     <span class="separator">|</span>
     <a href="https://www.youtube.com/@CubingZA" target="_blank" rel=noopener><fa-icon [icon]="faYoutube" aria-hidden="true" /> Youtube</a>
+    <span class="separator">|</span>
+    <a href="https://discord.gg/njM4P93v" target="_blank" rel=noopener><fa-icon [icon]="faDiscord" aria-hidden="true" /> Discord</a>
   </div>
 </div>

client/src/app/components/footer/footer.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { faGithub, faFacebook, faInstagram, faYoutube } from '@fortawesome/free-brands-svg-icons';
+import { faGithub, faFacebook, faInstagram, faYoutube, faDiscord } from '@fortawesome/free-brands-svg-icons';
 
 @Component({
   selector: 'app-footer',
@@ -12,4 +12,5 @@ export class FooterComponent {
   faFacebook = faFacebook;
   faInstagram = faInstagram;
   faYoutube = faYoutube;
+  faDiscord = faDiscord;
 }