fix(client): three more places follow the reading direction in Arabic

On a phone in Arabic every system notice, the release notes included,
opened as an empty sheet: its three-slot strip is shifted to show the
middle slot, and in a right-to-left row that shift moved all three out
of view. The shifts point the other way in a right-to-left page now,
which the swipe handling already assumed.

The budget's total amount kept its parts in order but sat on the
opposite edge from its label, because the whole row was made left to
right. Only the amount itself is now. The phone chat's bubble tails
were still physical corners while the desktop ones follow the row; both
use logical corners now.

lint:rtl takes comments from the TypeScript parser instead of scanning
lines, so a "/*" inside a string (accept="image/*") no longer hides the
lines after it.

client/src/components/SystemNotices/SystemNoticeModal.test.tsx

@@ -1199,10 +1199,13 @@ describe('ModalRenderer', () => {
     await flushGraceDelay();
 
     const { sheet, strip } = sheetParts();
+    // The slots run right to left, so the strip sits shifted the other way to
+    // show the current one; the left-to-right shift left the sheet empty.
+    expect(strip.style.transform).toBe('translateX(33.333%)');
     await act(async () => {
       swipeHorizontally(sheet, 120, 250);
     });
-    expect(strip.style.transform).toBe('translateX(-66.666%)');
+    expect(strip.style.transform).toBe('translateX(66.666%)');
 
     await act(async () => {
       fireEvent.transitionEnd(strip);