gallery fix

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

@@ -1,9 +1,11 @@
 
+@php($gridV2 = request()->query('grid') === 'v2')
+
 {{-- 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>
+	<div class="{{ $gridV2 ? 'gallery' : '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])
+			<x-artwork-card :art="$upload" />
 		@empty
 			<div class="panel panel-default effect2">
 				<div class="panel-heading"><strong>No uploads yet</strong></div>
@@ -15,10 +17,14 @@
 	<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" data-gallery-skeleton-template aria-hidden="true">
+		<x-skeleton.artwork-card />
+	</div>
 	<div class="hidden mt-8" data-gallery-skeleton></div>
 </section>
 
 @push('styles')
+@if(! $gridV2)
 <style>
 	[data-nova-gallery].is-enhanced [data-gallery-grid] {
 		display: grid;
@@ -39,6 +45,7 @@
 	[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>
+@endif
 @endpush
 
 @push('scripts')