fix: Show username when user is connected

src/app/modules/profile/profile-info/profile-info.component.html

@@ -12,7 +12,7 @@
                         src="https://cdn.pixabay.com/photo/2015/10/05/22/37/blank-profile-picture-973460_1280.png"
                         alt="profile picture"
                     />
-                    <h3>User Name</h3>
+                    <h3>{{ username }}</h3>
                 </div>
                 <hr />
                 <div class="profile_stats">

src/app/modules/profile/profile-info/profile-info.component.ts

@@ -11,6 +11,7 @@ import { UserService } from '../../../services/user.service';
 export class ProfileInfoComponent implements OnInit {
     quizList: any[] = [];
     isLogged: boolean = false;
+    username: string = 'Anonymous';
     constructor(private router: Router, private cookieService: CookieService, private userSerivce: UserService) {}
 
     ngOnInit(): void {
@@ -31,8 +32,9 @@ export class ProfileInfoComponent implements OnInit {
             { title: 'Quiz 14', content: 'Quiz 14 Content' },
             { title: 'Quiz 15', content: 'Quiz 15 Content' },
         ];
-        this.userSerivce.getMe().subscribe((data) => {
+        this.userSerivce.getMe().subscribe((data: any) => {
             this.isLogged = true;
+            this.username = data.username;
         });
     }