web/theme: add dynamic status bar color on mobile

web/src/routes/+layout.svelte

@@ -2,11 +2,19 @@
     import "@fontsource/ibm-plex-mono/400.css";
     import "@fontsource/ibm-plex-mono/500.css";
 
-    import currentTheme from "$lib/state/theme";
+    import currentTheme, { statusBarColors } from "$lib/state/theme";
 
     import Sidebar from "$components/sidebar/Sidebar.svelte";
+
+    import device from "$lib/device";
 </script>
 
+<svelte:head>
+    {#if device.isMobile}
+        <meta name="theme-color" content={statusBarColors[$currentTheme]}>
+    {/if}
+</svelte:head>
+
 <div style="display: contents" data-theme={$currentTheme}>
     <div id="cobalt">
         <Sidebar />