chore(web): switch to eslint-plugin-svelte package (#2467)

web/src/lib/components/admin-page/jobs/job-tile.svelte

@@ -91,12 +91,11 @@
 				</JobTileButton>
 			{/if}
 			{#if queueStatus.isPaused}
+				{@const size = waitingCount > 0 ? '24' : '48'}
 				<JobTileButton
 					color="light-gray"
 					on:click={() => dispatch('command', { command: JobCommand.Resume, force: false })}
 				>
-					{@const size = waitingCount > 0 ? '24' : '48'}
-
 					<!-- size property is not reactive, so have to use width and height -->
 					<FastForward width={size} height={size} /> RESUME
 				</JobTileButton>

web/src/lib/components/elements/buttons/circle-icon-button.svelte

@@ -11,7 +11,7 @@
 
 <button
 	{title}
-	style:backgroundColor
+	style:background-color={backgroundColor}
 	style:--immich-icon-button-hover-color={hoverColor}
 	class="dark:text-immich-dark-fg rounded-full p-3 flex place-items-center place-content-center transition-all
 	{isOpacity

web/src/lib/components/shared-components/notification/notification-card.svelte

@@ -91,6 +91,6 @@
 	</div>
 
 	<p class="whitespace-pre-wrap text-sm pl-[28px] pr-[16px]" data-testid="message">
-		{@html notificationInfo.message}
+		{notificationInfo.message}
 	</p>
 </div>