chore(web): rename components to PascalCase (#28013)

chore: rename components to PascalCase

web/src/lib/components/shared-components/EmptyPlaceholder.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+  import empty1Url from '$lib/assets/empty-1.svg';
+
+  interface Props {
+    onClick?: undefined | (() => unknown);
+    text: string;
+    fullWidth?: boolean;
+    src?: string;
+    title?: string;
+    class?: string;
+  }
+
+  let { onClick = undefined, text, fullWidth = false, src = empty1Url, title, class: className }: Props = $props();
+
+  let width = $derived(fullWidth ? 'w-full' : 'w-1/2');
+
+  const hoverClasses = onClick
+    ? `border dark:border-immich-dark-gray hover:bg-immich-primary/5 dark:hover:bg-immich-dark-primary/25`
+    : '';
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<svelte:element
+  this={onClick ? 'button' : 'div'}
+  onclick={onClick}
+  class="{width} {className} flex flex-col place-content-center place-items-center rounded-3xl bg-gray-50 p-5 dark:bg-immich-dark-gray {hoverClasses}"
+>
+  <img {src} alt="" width="500" draggable="false" />
+
+  {#if title}
+    <h2 class="text-xl font-medium my-4">{title}</h2>
+  {/if}
+  <p class="text-immich-text-gray-500 dark:text-immich-dark-fg font-light text-center">{text}</p>
+</svelte:element>