Fixes and remove logs

src/views/Modals/Inputs/AttachmentBrowserModal.jsx

@@ -34,8 +34,12 @@ function AttachmentBrowserModal({ choreId, isOpen, onClose }) {
     if (!isOpen || !choreId) return
     setIsLoading(true)
     GetChoreAttachments(choreId)
-      .then(res => res.json())
+      .then(async res => {
+        if (!res.ok) throw new Error('Failed to fetch attachments')
+        return res.json()
+      })
       .then(data => setAttachments(Array.isArray(data) ? data : []))
+      .catch(() => setAttachments([]))
       .finally(() => setIsLoading(false))
   }, [isOpen, choreId])
 
@@ -91,7 +95,16 @@ function AttachmentBrowserModal({ choreId, isOpen, onClose }) {
         ) : (
           <List sx={{ '--ListItem-paddingX': '0px' }}>
             {attachments.map((attachment, index) => (
-              <ListItem key={index} sx={{ p: 0 }}>
+              <ListItem
+                key={
+                  attachment.id ||
+                  attachment.file_path ||
+                  attachment.sign ||
+                  attachment.file_name ||
+                  index
+                }
+                sx={{ p: 0 }}
+              >
                 <ListItemButton
                   onClick={() => handleAttachmentClick(attachment)}
                   sx={{ borderRadius: 'sm', gap: 1.5, py: 1 }}

src/views/Modals/Inputs/AttachmentViewerModal.jsx

@@ -92,12 +92,14 @@ function AttachmentViewerModal({ config }) {
             component='img'
             src={url}
             alt={fileName}
+            onClick={() => url && openUrl(url)}
             onLoad={() => setImgLoaded(true)}
             onError={() => {
               setImgLoaded(true)
               setImgError(true)
             }}
             sx={{
+              cursor: url ? 'zoom-in' : 'default',
               maxWidth: '100%',
               maxHeight: '65vh',
               borderRadius: 'md',