refactor: update media processing to use width and height instead of aspect ratio

apps/web/src/lib/storage/storage-service.ts

@@ -94,7 +94,8 @@ class StorageService {
       type: mediaItem.type,
       size: mediaItem.file.size,
       lastModified: mediaItem.file.lastModified,
-      aspectRatio: mediaItem.aspectRatio,
+      width: mediaItem.width,
+      height: mediaItem.height,
       duration: mediaItem.duration,
     };
 
@@ -118,7 +119,8 @@ class StorageService {
       type: metadata.type,
       file,
       url,
-      aspectRatio: metadata.aspectRatio,
+      width: metadata.width,
+      height: metadata.height,
       duration: metadata.duration,
       // thumbnailUrl would need to be regenerated or cached separately
     };

apps/web/src/lib/storage/types.ts

@@ -14,7 +14,8 @@ export interface MediaFileData {
   type: "image" | "video" | "audio";
   size: number;
   lastModified: number;
-  aspectRatio: number;
+  width?: number;
+  height?: number;
   duration?: number;
   // File will be stored separately in OPFS
 }
@@ -38,4 +39,4 @@ declare global {
     values(): AsyncIterableIterator<FileSystemHandle>;
     entries(): AsyncIterableIterator<[string, FileSystemHandle]>;
   }
-}
+}