refactor(web): centralize buttons (#2200)

web/src/lib/components/admin-page/delete-confirm-dialoge.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { api, UserResponseDto } from '@api';
 	import { createEventDispatcher } from 'svelte';
+	import Button from '../elements/buttons/button.svelte';
 
 	export let user: UserResponseDto;
 
@@ -31,11 +32,7 @@
 		</p>
 
 		<div class="flex w-full px-4 gap-4 mt-8">
-			<button
-				on:click={deleteUser}
-				class="flex-1 transition-colors bg-red-500 hover:bg-red-400 px-6 py-3 text-white rounded-full w-full font-medium"
-				>Confirm
-			</button>
+			<Button fullwidth color="red" on:click={deleteUser}>Confirm</Button>
 		</div>
 	</div>
 </div>