fix: build fixes

Signed-off-by: Varun Raj <varun@skcript.com>

src/components/shared/ResponsiveVirtualizedAssetGrid.tsx

@@ -59,10 +59,6 @@ const ResponsiveVirtualizedAssetGrid = forwardRef<ResponsiveVirtualizedAssetGrid
     maxColumns
   });
 
-  // Update row count when assets change
-  useEffect(() => {
-    gridDimensions.updateRowCount(assets.length);
-  }, [assets.length, gridDimensions]);
 
   // Resize observer to handle container size changes
   useEffect(() => {
@@ -197,7 +193,7 @@ const ResponsiveVirtualizedAssetGrid = forwardRef<ResponsiveVirtualizedAssetGrid
               <PlayIcon className="w-3 h-3 text-white" />
               {asset.duration && (
                 <span className="text-xs text-white">
-                  {humanizeDuration(asset.duration)}
+                  {humanizeDuration(asset.duration.toString())}
                 </span>
               )}
             </div>

src/components/shared/VirtualizedAssetGrid.tsx

@@ -159,7 +159,7 @@ const VirtualizedAssetGrid = forwardRef<VirtualizedAssetGridRef, VirtualizedAsse
               <PlayIcon className="w-3 h-3 text-white" />
               {asset.duration && (
                 <span className="text-xs text-white">
-                  {humanizeDuration(asset.duration)}
+                  {humanizeDuration(asset.duration.toString())}
                 </span>
               )}
             </div>

src/hooks/useGridDimensions.ts

@@ -68,15 +68,8 @@ export const useGridDimensions = ({
     calculateDimensions();
   }, [calculateDimensions]);
 
-  const updateRowCount = useCallback((totalItems: number) => {
-    setDimensions(prev => ({
-      ...prev,
-      rowCount: Math.ceil(totalItems / prev.columnCount)
-    }));
-  }, []);
 
   return {
     ...dimensions,
-    updateRowCount
   };
 };