Unify attachment display and enable file uploads on all platforms (#1501)

Attachment pills were drawn by four separate style sets, so files,
images, GitHub items, and reviews rendered at different heights in the
same tray. Move the frame, the two-line label, and the image thumbnail
into shared components so every attachment lines up at one height,
across both the composer and sent messages.

Sent-message images now open the lightbox, and file uploads work on
iOS and Android via expo-document-picker instead of being gated to
desktop.

packages/app/src/i18n/resources/ar.ts

@@ -110,7 +110,7 @@ export const ar: TranslationResources = {
       removeFile: "Remove file attachment",
       openGithub: "افتح{{kind}}#{{number}}",
       removeGithub: "إزالة{{kind}}#{{number}}",
-      browserElement: "العنصر ·{{tag}}",
+      element: "عنصر",
       openBrowserElement: "افتح مرفق عنصر المتصفح",
       removeBrowserElement: "إزالة مرفق عنصر المتصفح",
       openReview: "فتح مرفق المراجعة",
@@ -255,9 +255,12 @@ export const ar: TranslationResources = {
       imageUnavailable: "الصورة غير متاحة",
       imagePreviewUnavailable: "معاينة الصورة غير متاحة.",
       imagePreviewLoadFailed: "غير قادر على تحميل معاينة الصورة.",
-      reviewOne: "مراجعة · تعليق واحد",
-      reviewMany: "مراجعة · تعليقات{{count}}",
+      review: "مراجعة",
+      commentsOne: "تعليق واحد",
+      commentsMany: "{{count}} تعليقات",
       textAttachment: "مرفق النص",
+      text: "نص",
+      file: "ملف",
     },
     speak: {
       header: "تكلم",