fix(webui): Footer correctly displays over content

also a11y fixes, import fix

webui/src/lib/components/layout/Footer.svelte

@@ -2,7 +2,7 @@
 	import Icon from '../utils/Icon.svelte';
 	import Jobs from './Jobs.svelte';
 	import Notifications from './Notifications.svelte';
-	import { i18n } from '../../i18n';
+	import { i18n } from '$lib/i18n';
 
 	let hidden = true;
 	let activeJobs: number;
@@ -20,6 +20,8 @@
 		on:keydown={(ev) => {
 			if (['Space', 'Enter'].includes(ev.key)) hidden = !hidden;
 		}}
+		role="button"
+		tabindex="-1"
 	>
 		<div class="info">
 			{#if activeJobs > 0}
@@ -42,6 +44,7 @@
 		position: fixed;
 		bottom: 0;
 		width: 100%;
+		z-index: 9;
 
 		display: flex;
 		flex-direction: column;