feat(console): replace twitter bird with X (#6843)

feat(console): replace blue bird with X

Co-authored-by: Elio Bischof <elio@zitadel.com>

console/src/app/modules/footer/footer.component.html

@@ -17,7 +17,7 @@
           <i class="text-3xl lab la-github"></i>
         </a>
         <a target="_blank" rel="noreferrer" href="https://twitter.com/zitadel">
-          <i class="text-3xl lab la-twitter"></i>
+          <fa-icon [icon]="faXTwitter" size="xl"></fa-icon>
         </a>
         <a target="_blank" rel="noreferrer" href="https://www.linkedin.com/company/zitadel/">
           <i class="text-3xl lab la-linkedin"></i>

console/src/app/modules/footer/footer.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { PrivacyPolicy } from 'src/app/proto/generated/zitadel/policy_pb';
 import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
+import { faXTwitter } from '@fortawesome/free-brands-svg-icons';
 
 @Component({
   selector: 'cnsl-footer',
@@ -9,6 +10,7 @@ import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
 })
 export class FooterComponent implements OnInit {
   public policy?: PrivacyPolicy.AsObject;
+  public faXTwitter = faXTwitter;
   constructor(public authService: GrpcAuthService) {}
 
   ngOnInit(): void {

console/src/app/modules/footer/footer.module.ts

@@ -4,10 +4,11 @@ import { TranslateModule } from '@ngx-translate/core';
 
 import { ThemeSettingModule } from '../theme-setting/theme-setting.module';
 import { FooterComponent } from './footer.component';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 @NgModule({
   declarations: [FooterComponent],
-  imports: [CommonModule, TranslateModule, ThemeSettingModule],
+  imports: [CommonModule, TranslateModule, ThemeSettingModule, FontAwesomeModule],
   exports: [FooterComponent],
 })
 export class FooterModule {}