brainstorming how to display match history in the front

srcs/requirements/svelte/api_front/src/pages/profile/ProfileDisplay.svelte

@@ -20,6 +20,7 @@
 		{#if user !== undefined}
 			<GenerateUserDisplay user={user}/>
 			<button on:click={() => (push('/profile/settings'))}>Profile Settings</button>
+			<!-- Match History -->
 		{:else}
 			<h2>Sorry</h2>
 			<div>Failed to load current</div>

srcs/requirements/svelte/api_front/src/pages/profile/ProfileDisplayOneUser.svelte

@@ -20,6 +20,7 @@
 <div class="background-pages">
 	{#if oneUser}
 		<GenerateUserDisplay user={oneUser}/>
+		<!-- Match history -->
 	{:else}
 		<h2>Sorry</h2>
 		<div>Failed to load user {params.username}</div>

srcs/requirements/svelte/api_front/src/pages/profile/ProfileUsers.svelte

@@ -7,6 +7,7 @@
 	import { fetchUser, fetchAllUsers, fetchAvatar } from "../../pieces/utils";
 
 	import { clickOutside } from '../../pieces/clickOutside'
+    import { push } from "svelte-spa-router";
 
   let user;
 	let allUsers = [];
@@ -441,7 +442,8 @@
         {/if}
       </div>
       {/if}
-		<button on:click={() => unViewAUser()}>Close</button>
+			<button on:click={() => push(`/profile/users/${usernameBeingViewed}`)}>Profile Page</button>
+			<button on:click={() => unViewAUser()}>Close</button>
   </div>
 	{/if}
 </div>