temp fix for footer menu on mobile

src/routes/Footer.svelte

@@ -68,9 +68,9 @@
 	});
 </script>
 
+<!--
 <div class="card p-4 w-72 shadow-xl" data-popup="popupMenu">
 	<nav class="list-nav">
-		<!-- (optionally you can provide a label here) -->
 		<ul>
 			<li id="will-close">
 				<a href="/about">
@@ -104,7 +104,7 @@
 		</ul>
 	</nav>
 	<div class="arrow bg-surface-100-800-token" />
-</div>
+</div> -->
 <TabGroup
 	justify="justify-center"
 	active="variant-filled-primary"
@@ -149,12 +149,11 @@
 		</TabAnchor>
 	{/if}
 	<a
+		href="/menu"
 		class="tab-anchor text-center cursor-pointer transition-colors duration-100 flex-1 lg:flex-none px-4 py-2 rounded-tl-container-token rounded-tr-container-token hover:variant-soft-primary"
 		title="Menu"
 	>
-		<div use:popup={popupMenu}>
-			<Menu class="rail-icon" />
-			<span>Menu</span>
-		</div>
+		<Menu class="rail-icon" />
+		<span>Menu</span>
 	</a>
 </TabGroup>

src/routes/admin/newroom/+page.svelte

@@ -33,7 +33,7 @@
 				formData.roomName,
 				$configStore.apiUsername as string,
 				$configStore.apiPassword as string,
-				formData.rateLimit,
+				formData.rateLimit * 1000,
 				formData.messageLimit,
 				formData.claimCodes,
 				[idc],

src/routes/menu/+page.svelte

@@ -0,0 +1,48 @@
+<script lang="ts">
+	import { identityExists, configStore } from '$lib/stores';
+	import Settings from 'svelte-material-icons/TuneVariant.svelte';
+	import Console from 'svelte-material-icons/Console.svelte';
+	import Plus from 'svelte-material-icons/Plus.svelte';
+	import Information from 'svelte-material-icons/Information.svelte';
+</script>
+
+<div class="flex flex-col mx-3 mt-4 text-center">
+	<h3 class="h4">Sorry this is a hack until I get the mobile menu working</h3>
+	<div class="card p-4 w-72 shadow-xl">
+		<nav class="list-nav">
+			<!-- (optionally you can provide a label here) -->
+			<ul>
+				<li id="will-close">
+					<a href="/about">
+						<Information />
+						<span class="flex-auto">About</span>
+					</a>
+				</li>
+				{#if $identityExists}
+					<li id="will-close">
+						<a href="/gateways"
+							><Plus />
+							<span class="flex-auto">Join More</span>
+						</a>
+					</li>
+					{#if $configStore.beta}
+						<li id="will-close">
+							<a href="/console">
+								<Console />
+								<span class="flex-auto">Console</span>
+							</a>
+						</li>
+					{/if}
+
+					<li id="will-close">
+						<a href="/settings">
+							<Settings />
+							<span class="flex-auto">Settings</span>
+						</a>
+					</li>
+				{/if}
+			</ul>
+		</nav>
+		<div class="arrow bg-surface-100-800-token" />
+	</div>
+</div>