Update meeting form layout and Arabic title label

Refactor executive meetings form layout in `executive-meetings.tsx` to use a responsive grid, ensuring the Arabic title spans full width and other fields stack appropriately on smaller screens. Update Arabic and English locale files (`ar.json`, `en.json`) to change the Arabic title field label from "العنوان (عربي)" to "العنوان".

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 57375b7d-57d9-4fe3-a745-00a2cad59df8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/2VzZgdn
Replit-Helium-Checkpoint-Created: true

artifacts/tx-os/src/locales/ar.json

@@ -1256,7 +1256,7 @@
       "deleteConfirm": "حذف هذا الاجتماع نهائياً؟",
       "noMeetings": "لا توجد اجتماعات لهذا اليوم. اضغط \"إضافة اجتماع\" لإنشاء واحد.",
       "field": {
-        "titleAr": "العنوان (عربي)",
+        "titleAr": "العنوان",
         "titleEn": "العنوان (إنجليزي)",
         "meetingDate": "التاريخ",
         "dailyNumber": "الرقم اليومي",

artifacts/tx-os/src/locales/en.json

@@ -1122,7 +1122,7 @@
       "deleteConfirm": "Permanently delete this meeting?",
       "noMeetings": "No meetings on this day. Click \"Add meeting\" to create one.",
       "field": {
-        "titleAr": "Title (Arabic)",
+        "titleAr": "Title",
         "titleEn": "Title (English)",
         "meetingDate": "Date",
         "dailyNumber": "Daily number",

artifacts/tx-os/src/pages/executive-meetings.tsx

@@ -5407,8 +5407,16 @@ function MeetingFormDialog({
               : t("executiveMeetings.manage.editMeeting")}
           </DialogTitle>
         </DialogHeader>
+        {/* #322 polish: arrange the trimmed form into a tidy grid that
+            avoids dangling cells. Title spans full width on every
+            breakpoint so it gets enough room. Date + daily number sit
+            on one row on tablet/desktop, then start + end times share
+            the next row. On mobile each field stacks. */}
         <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
-          <FormRow label={t("executiveMeetings.manage.field.titleAr")}>
+          <FormRow
+            label={t("executiveMeetings.manage.field.titleAr")}
+            full
+          >
             <Input
               value={state.titleAr}
               onChange={(e) => update("titleAr", e.target.value)}