fix(ux): show 'mobilemenu' on all screens and screen sizes

Author: xynydev

src/lib/components/custom/MobileMenu.svelte

@@ -23,14 +23,7 @@
 
 <Sheet.Root bind:open>
 	<Sheet.Trigger asChild let:builder>
-		<Button
-			builders={[builder]}
-			class="lg:hidden"
-			size="icon"
-			variant="secondary"
-			title="Menu"
-			aria-label="Menu"
-		>
+		<Button builders={[builder]} size="icon" variant="secondary" title="Menu" aria-label="Menu">
 			<RiMenu3Fill class="h-6 w-6 text-black dark:text-white" />
 		</Button>
 	</Sheet.Trigger>

src/routes/(nosearch)/+layout.svelte

@@ -23,7 +23,7 @@
 		<Button variant="link" href="https://opencollective.com/mwmbl" class="px-2">Donate</Button>
 		<SignInButton loginStatus={data.loginStatus} />
 	</div>
-	<div class="contents md:hidden">
+	<div class="contents">
 		<MobileMenu loginStatus={data.loginStatus} />
 	</div>
 </header>

src/routes/search/+page.svelte

@@ -34,7 +34,7 @@
 		<div class="max-lg:row-start-2">
 			<Search query={data.query} />
 		</div>
-		<div class="justify-self-end max-lg:col-start-1 max-lg:row-start-1">
+		<div class="gap- flex flex-row gap-6 justify-self-end max-lg:col-start-1 max-lg:row-start-1">
 			<div class="hidden lg:contents">
 				<SignInButton loginStatus={data.loginStatus} />
 			</div>