feat: ship creator journey v2 and profile updates

resources/js/Pages/Home/HomeHero.jsx

@@ -1,6 +1,7 @@
 import React from 'react'
 
 const FALLBACK = 'https://files.skinbase.org/default/missing_lg.webp'
+const HERO_SIZES = '100vw'
 
 export default function HomeHero({ artwork }) {
   if (!artwork) {
@@ -15,7 +16,7 @@ export default function HomeHero({ artwork }) {
             Discover. Create. Inspire.
           </p>
           <div className="mt-4 flex flex-wrap gap-3">
-            <a href="/discover/trending" className="rounded-xl bg-accent px-5 py-2 text-sm font-semibold text-white shadow-lg transition hover:brightness-110">Explore Trending</a>
+            <a href="/discover/trending" className="btn-accent-solid rounded-xl px-5 py-2 text-sm font-semibold">Explore Trending</a>
           </div>
         </div>
       </section>
@@ -23,16 +24,20 @@ export default function HomeHero({ artwork }) {
   }
 
   const src = artwork.thumb_lg || artwork.thumb || FALLBACK
+  const srcSet = artwork.thumb_srcset || null
 
   return (
     <section className="group relative flex min-h-[62vh] max-h-[420px] w-full items-end overflow-hidden bg-nova-900 md:min-h-[38vh] md:max-h-[460px]">
       {/* Background image */}
       <img
         src={src}
+        srcSet={srcSet || undefined}
+        sizes={srcSet ? HERO_SIZES : undefined}
         alt={artwork.title}
         className="absolute inset-0 h-full w-full object-cover transition-transform duration-700 group-hover:scale-[1.02]"
         fetchPriority="high"
-        decoding="async"
+        loading="eager"
+        decoding="sync"
         onError={(e) => { e.currentTarget.src = FALLBACK }}
       />
 
@@ -53,7 +58,7 @@ export default function HomeHero({ artwork }) {
         <div className="mt-4 flex flex-wrap gap-3">
           <a
             href="/discover/trending"
-            className="rounded-xl bg-accent px-5 py-2 text-sm font-semibold text-white shadow-lg transition hover:brightness-110"
+            className="btn-accent-solid rounded-xl px-5 py-2 text-sm font-semibold"
           >
             Explore Trending
           </a>