prepared and gallery fixes

resources/views/web/home/uploads.blade.php

@@ -1,14 +1,47 @@
-{{-- Latest uploads grid (migrated from legacy/home/uploads.blade.php) --}}
-<div class="gallery-grid">
-	@foreach ($latestUploads as $upload)
-		<div class="thumb-card effect2">
-			@php
-				$t = \App\Services\ThumbnailPresenter::present($upload, 'md');
-			@endphp
-			<a href="/art/{{ $t['id'] }}/{{ Str::slug($t['title'] ?: 'artwork') }}" title="{{ $t['title'] }}" class="thumb-link">
-				<img src="{{ $t['url'] }}" @if(!empty($t['srcset'])) srcset="{{ $t['srcset'] }}" @endif alt="{{ $t['title'] }}" class="img-responsive">
-			</a>
-		</div>
-	@endforeach
-</div> <!-- end .gallery-grid -->
+
+{{-- Latest uploads grid — use same Nova gallery layout as /browse --}}
+<section class="px-6 pb-10 pt-6 md:px-10" data-nova-gallery data-gallery-type="home-uploads">
+	<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6" data-gallery-grid>
+		@forelse($latestUploads as $upload)
+			@include('web.partials._artwork_card', ['art' => $upload])
+		@empty
+			<div class="panel panel-default effect2">
+				<div class="panel-heading"><strong>No uploads yet</strong></div>
+				<div class="panel-body text-neutral-400">No recent uploads to show.</div>
+			</div>
+		@endforelse
+	</div>
+
+	<div class="flex justify-center mt-10" data-gallery-pagination>
+		{{-- no pagination for home grid; kept for parity with browse layout --}}
+	</div>
+	<div class="hidden mt-8" data-gallery-skeleton></div>
+</section>
+
+@push('styles')
+<style>
+	[data-nova-gallery].is-enhanced [data-gallery-grid] {
+		display: grid;
+		grid-template-columns: repeat(1, minmax(0, 1fr));
+		grid-auto-rows: 8px;
+		gap: 1rem;
+	}
+	@media (min-width: 768px) {
+		[data-nova-gallery].is-enhanced [data-gallery-grid] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+	}
+	@media (min-width: 1024px) {
+		[data-nova-gallery].is-enhanced [data-gallery-grid] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+	}
+	@media (min-width: 2600px) {
+		[data-nova-gallery].is-enhanced [data-gallery-grid] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
+	}
+	[data-nova-gallery].is-enhanced [data-gallery-grid] > .nova-card { margin: 0 !important; }
+	[data-nova-gallery].is-enhanced [data-gallery-pagination] { display: none; }
+	[data-gallery-skeleton].is-loading { display: grid !important; grid-template-columns: inherit; gap: 1rem; }
+</style>
+@endpush
+
+@push('scripts')
+<script src="/js/legacy-gallery-init.js" defer></script>
+@endpush