Fix poster Rating/Status styling

src/lib/poster/Poster.svelte

@@ -66,7 +66,7 @@
 	// If mouse in on poster. Added to fix #656.
 	let mouseOverPoster = $state(false);
 
-	let containerEl: HTMLDivElement = $state();
+	let containerEl: HTMLDivElement | undefined = $state();
 
 	let title = $derived(media.title || media.name);
 	// For now, if the content is on watched list, we can assume we have a local

src/lib/poster/PosterRating.svelte

@@ -163,7 +163,7 @@
 </button>
 
 <style lang="scss">
-	button {
+	button.rating {
 		padding: 3px;
 		position: relative;
 		font-family: "Rampart One";
@@ -205,7 +205,7 @@
 			&.star {
 				color: $text-color;
 				font-size: 39px;
-				letter-spacing: 10px;
+				letter-spacing: 8px;
 				line-height: 52px;
 				height: 42px;
 			}

src/lib/poster/PosterStatus.svelte

@@ -82,7 +82,7 @@
 </button>
 
 <style lang="scss">
-	button {
+	button.status {
 		padding: 3px;
 		position: relative;
 		font-family: "Rampart One";

src/routes/+layout.svelte

@@ -5,6 +5,7 @@
 	import { startStoreSaver, store } from "@/store.svelte";
 	import { onMount } from "svelte";
 	import { pwaInfo } from "virtual:pwa-info";
+
 	interface Props {
 		children?: import("svelte").Snippet;
 	}
@@ -62,4 +63,5 @@
 		</div>
 	{/each}
 </div>
+
 {@render children?.()}