Implement mechanism to remove and add shared user in album on web (#369)

* AFixed overlay issue of modal

* Added modal with existing user

* Added custom scrollbar to all pages

* Fixed Document is not define when access document DOM node in browswer

* Added context menu

* Added api to remove user from album

* Handle user leave album

* Added share button to non-shared album

* Added padding to album viewer:

* Fixed margin top of asset selection page

* Fixed issue cannot push to dockerhub

web/src/lib/components/shared-components/circle-avatar.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
 	import { api, UserResponseDto } from '@api';
+	import { createEventDispatcher } from 'svelte';
 
 	export let user: UserResponseDto;
 
 	// Avatar Size In Pixel
 	export let size: number = 48;
 
+	const dispatch = createEventDispatcher();
 	const getUserAvatar = async () => {
 		try {
 			const { data } = await api.userApi.getProfileImage(user.id, {
@@ -22,18 +24,21 @@
 </script>
 
 {#await getUserAvatar()}
-	<div
+	<button
+		on:click={() => dispatch('click')}
 		style:width={`${size}px`}
 		style:height={`${size}px`}
 		class={` rounded-full bg-immich-primary/25`}
 	/>
 {:then data}
-	<img
-		src={data}
-		alt="profile-img"
-		style:width={`${size}px`}
-		style:height={`${size}px`}
-		class={`inline rounded-full  object-cover border shadow-md`}
-		title={user.email}
-	/>
+	<button on:click={() => dispatch('click')}>
+		<img
+			src={data}
+			alt="profile-img"
+			style:width={`${size}px`}
+			style:height={`${size}px`}
+			class={`inline rounded-full  object-cover border shadow-md`}
+			title={user.email}
+		/>
+	</button>
 {/await}