feat: ios mobil arayüz tasarımı

ios/Bookibra/DesignSystem/Components/BookCoverCard.swift

@@ -0,0 +1,57 @@
+import SwiftUI
+
+struct BookCoverCard: View {
+    let book: BookRemote
+    let imageCache: ImageCacheProtocol
+
+    var body: some View {
+        VStack(spacing: 6) {
+            RemoteImageView(url: book.coverImageUrl, imageCache: imageCache)
+                .frame(width: 98, height: 145)
+                .clipShape(RoundedRectangle(cornerRadius: 10, style: .continuous))
+                .overlay {
+                    RoundedRectangle(cornerRadius: 10)
+                        .stroke(Color.black.opacity(0.08), lineWidth: 1)
+                }
+                .shadow(color: .black.opacity(0.16), radius: 6, y: 4)
+
+            Text(book.title)
+                .font(.caption)
+                .lineLimit(1)
+                .foregroundStyle(.primary)
+        }
+        .accessibilityElement(children: .combine)
+        .accessibilityLabel("\(book.title), \(book.authors.joined(separator: ", "))")
+    }
+}
+
+private struct RemoteImageView: View {
+    let url: URL?
+    let imageCache: ImageCacheProtocol
+
+    @State private var image: UIImage?
+
+    var body: some View {
+        ZStack {
+            RoundedRectangle(cornerRadius: 10)
+                .fill(LinearGradient(colors: [Color.gray.opacity(0.22), Color.gray.opacity(0.35)], startPoint: .top, endPoint: .bottom))
+            if let image {
+                Image(uiImage: image)
+                    .resizable()
+                    .scaledToFill()
+            } else {
+                Image(systemName: "book.closed")
+                    .font(.title3)
+                    .foregroundStyle(Color.black.opacity(0.35))
+            }
+        }
+        .task(id: url) {
+            guard let url else { return }
+            do {
+                image = try await imageCache.image(for: url)
+            } catch {
+                image = nil
+            }
+        }
+    }
+}