Added sharing page to web (#355)

* Added shared album

* Added list tile

* Show info of shared album owner

web/src/lib/components/shared-components/announcement-box.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+
+	import { createEventDispatcher } from 'svelte';
+	import { page } from '$app/stores';
+	import FullScreenModal from './full-screen-modal.svelte';
+	export let localVersion: string;
+	export let remoteVersion: string;
+
+	const dispatch = createEventDispatcher();
+
+	const acknowledgeClickHandler = () => {
+		localStorage.setItem('appVersion', remoteVersion);
+
+		dispatch('close');
+	};
+</script>
+
+<div class="absolute top-0 left-0 w-screen h-screen">
+	<FullScreenModal on:clickOutside={() => console.log('Click outside')}>
+		<div class="max-w-[500px] z-[99999] border bg-immich-bg p-10 rounded-xl">
+			<p class="text-2xl ">🎉 NEW VERSION AVAILABLE 🎉</p>
+			<br />
+
+			<section class="max-h-[400px] overflow-y-auto">
+				<div class="font-thin">
+					Hi friend, there is a new release of <span class="font-immich-title text-immich-primary font-bold"
+						>IMMICH</span
+					>, please take your time to visit the
+					<span class="underline font-medium"
+						><a href="https://github.com/alextran1502/immich/releases/latest" target="_blank" rel="noopener noreferrer"
+							>release note</a
+						></span
+					>
+					and ensure your <code>docker-compose</code>, and <code>.env</code> setup is up-to-date to prevent any misconfigurations,
+					especially if you use WatchTower or any mechanism that handles updating your application automatically.
+				</div>
+
+				{#if remoteVersion == 'v1.11.0_17-dev'}
+					<div class="mt-2 font-thin">
+						This specific version <span class="font-medium">v1.11.0_17-dev</span> includes changes in the docker-compose
+						setup that added additional containters. Please make sure to update the docker-compose file, pull new images
+						and check your setup for the latest features and bug fixes.
+					</div>
+				{/if}
+			</section>
+
+			<div class="font-thin mt-4">Your friend, Alex</div>
+			<div class="text-xs mt-8">
+				<code>Local Version {localVersion}</code>
+				<br />
+				<code>Remote Version {remoteVersion}</code>
+			</div>
+
+			<div class="text-right mt-4">
+				<button
+					class="bg-immich-primary text-gray-50 hover:bg-immich-primary/90 py-2 px-4 rounded-lg font-medium shadow-lg transition-all"
+					on:click={acknowledgeClickHandler}>Acknowledge</button
+				>
+			</div>
+		</div>
+	</FullScreenModal>
+</div>