Add proper mobile nav; update mongodb package ver

resources/css/app.css

@@ -33,13 +33,35 @@ wa-page[view='desktop'] {
 	[slot*='navigation'] {
 		border-inline-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
 	}
+
+	[slot*='navigation'],
+	[slot*='navigation-header'],
+	[slot*='navigation-footer']{
+		display: none;
+	}
 }
 
 wa-page[view='mobile'] {
+	[slot*='header'] {
+		display: none;
+	}
 	--menu-width: auto;
 	--aside-width: auto;
 }
 
+[slot*='navigation'] a {
+	text-decoration: none;
+	--wa-color-text-link: var(--wa-color-text-normal);
+}
+
+[slot*='navigation-footer'] {
+	border-block-start: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
+	a {
+		text-decoration: none;
+		--wa-color-text-link: var(--wa-color-text-normal);
+	}
+}
+
 [slot='header'] {
 	--wa-link-decoration-default: none;
 	border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);

resources/views/components/layouts/app.blade.php

@@ -16,6 +16,14 @@
 				@livewire('app.navbar')
 			</header>
 
+			<nav slot="navigation">
+				@livewire('app.nav-menu')
+			</nav>
+
+			<nav slot="navigation-footer">
+				@livewire('app.nav-footer')
+			</nav>
+
 			<main>
 				{{ $slot }}
 			</main>

resources/views/livewire/app/footer.blade.php

@@ -4,7 +4,7 @@
 			<wa-icon name="paw-simple"></wa-icon>
 			<span>{{ config('app.name') }}</span>
 		</div>
-		<span class="wa-caption-l">&copy; 2025 NyaaStudios; All rights reserved.</span>
+		<span class="wa-caption-l">&copy; 2025 <a href="https://nyaastudios.io" target="_blank">NyaaStudios</a>; All rights reserved.</span>
 	</div>
 	<div class="wa-cluster wa-heading-m">
 		<wa-icon-button family="brands" name="github" href="https://github.com/NyaaStudios/nyaabooru" target="_blank"></wa-icon-button>

resources/views/livewire/app/nav-footer.blade.php

@@ -0,0 +1,22 @@
+<div class="wa-stack">
+    @guest
+		<a href="{{ route('login') }}" class="wa-cluster">
+			<wa-icon name="arrow-right-to-bracket"></wa-icon>
+			Sign in to {{ config('app.name') }}
+		</a>
+	@endguest
+
+	@auth
+		<a href="{{ url('/profiles/' . Auth::id()) }}" wire:navigate.hover>
+			<div class="wa-cluster wa-align-items-center">
+				<livewire:app.pfp :user="auth()->user()" size="2rem" shape="rounded" />
+				{{ Auth::user()->name }}
+			</div>
+		</a>
+
+		<a href="{{ route('logout') }}" class="wa-cluster">
+			<wa-icon name="arrow-left-from-bracket"></wa-icon>
+			Sign out
+		</a>
+	@endauth
+</div>

resources/views/livewire/app/nav-menu.blade.php

@@ -0,0 +1,28 @@
+<div class="wa-stack">
+	<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
+		<wa-icon name="paw-simple"></wa-icon>
+		{{ config('app.name') }}
+	</a>
+
+	@auth
+		<a href="{{ route('posts.home') }}" class="wa-cluster" wire:navigate.hover>
+			<wa-icon name="images"></wa-icon>
+			Posts
+		</a>
+
+		<a href="{{ route('upload') }}" class="wa-cluster" wire:navigate.hover>
+			<wa-icon name="arrow-up-from-bracket"></wa-icon>
+			Upload
+		</a>
+
+		<a href="{{ route('tags.home') }}" class="wa-cluster" wire:navigate.hover>
+			<wa-icon name="tags"></wa-icon>
+			Tags
+		</a>
+
+		<a href="{{ route('users') }}" class="wa-cluster" wire:navigate.hover>
+			<wa-icon name="users"></wa-icon>
+			Users
+		</a>
+	@endauth
+</div>

resources/views/livewire/posts/view.blade.php

@@ -99,7 +99,7 @@
 		@endforeach
 
 		{{-- Full image dialog --}}
-		<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 90%;" wire:ignore>
+		<wa-dialog id="fullImagePreview" without-header without-footer light-dismiss style="--width: 120vh;" wire:ignore>
 			<livewire:posts.full-image :$post lazy />
 		</wa-dialog>