Save workspace changes

resources/js/components/artwork/ArtworkDetailsDrawer.jsx

@@ -1,5 +1,6 @@
 import React, { useMemo } from 'react'
 import ArtworkBreadcrumbs from './ArtworkBreadcrumbs'
+import ArtworkFormatBadges from './ArtworkFormatBadges'
 
 function formatCount(value) {
   const number = Number(value || 0)
@@ -60,9 +61,10 @@ export default function ArtworkDetailsDrawer({ isOpen, onClose, artwork, stats }
         </div>
 
         <dl className="mt-4 grid grid-cols-1 gap-3 text-sm sm:grid-cols-2">
-          <div className="rounded-xl border border-white/10 bg-black/20 px-3 py-2.5">
+          <div className="rounded-xl border border-white/10 bg-black/20 px-3 py-2.5 sm:col-span-2">
             <dt className="text-soft">Resolution</dt>
             <dd className="mt-1 font-medium text-white">{width > 0 && height > 0 ? `${width} × ${height}` : '—'}</dd>
+            <ArtworkFormatBadges width={width} height={height} className="mt-2" />
           </div>
           <div className="rounded-xl border border-white/10 bg-black/20 px-3 py-2.5">
             <dt className="text-soft">Upload date</dt>