header: unify dropdown menus, nav text colors, minor fixes

Rework UserHeader and LanguageSelector dropdowns to use wrapper +
triangle pattern with theme-aware backgrounds. Use solid grey for
inactive nav text instead of semi-transparent. Reduce instruction
info box shadow. Add emoji font to CompactCard favorites.

src/lib/components/recipes/CompactCard.svelte

@@ -144,6 +144,7 @@
 	top: 0.5em;
 	left: 0.5em;
 	font-size: 1.1rem;
+	font-family: "Noto Color Emoji", "Noto Color Emoji Subset", emoji, sans-serif;
 	filter: drop-shadow(0 0 3px rgba(0,0,0,0.8));
 	z-index: 2;
 	pointer-events: none;

src/lib/components/recipes/InstructionsPage.svelte

@@ -130,7 +130,7 @@ ol li::marker{
 	flex-grow: 0;
 	padding: 1em;
 	background-color: var(--color-bg-tertiary);
-	box-shadow: var(--shadow-md);
+	box-shadow: var(--shadow-sm);
 	max-width: 30%
 }
 @media screen and (max-width: 500px){