fix(frontend): make the panel usable with screen readers (#6907)

* fix(frontend): make the panel usable with screen readers

* fix(frontend): keep mobile tab names and the inbound expiry hint

Review of #6907 found two gaps in the screen-reader pass:

- On phone-width screens catTabLabel renders only the icon and names the
  tab by putting aria-label on it, but callers now pass that icon with
  aria-hidden for the desktop label, so every Settings, Xray and Host
  category tab lost its name under TalkBack. catTabLabel now clears
  aria-hidden on the icon it uses as the name.
- DateTimePicker forwarded id and aria-label but not aria-describedby,
  so the inbound expiry hint ("leave blank to never expire") was never
  attached. It now forwards it on both the Gregorian and Jalali input.

frontend/src/test/antd-locale.test.tsx

@@ -0,0 +1,30 @@
+import { render } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+// Without a ConfigProvider locale, antd's own strings (empty states, close buttons,
+// pagination) stayed English for every panel language (s-ui#1293).
+describe('AntdRootConfig locale', () => {
+  afterEach(() => {
+    document.cookie = 'lang=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
+  });
+
+  it.each([
+    ['fa-IR', 'داده‌ای موجود نیست'],
+    ['en-US', 'No data'],
+  ])('renders antd built-in text in the %s panel language', async (locale, emptyText) => {
+    vi.resetModules();
+    document.cookie = `lang=${locale}; path=/`;
+    const { readyI18n } = await import('@/i18n/react');
+    const { AntdRootConfig } = await import('@/i18n/AntdRootConfig');
+    const { Empty } = await import('antd');
+
+    await readyI18n('panel');
+    render(
+      <AntdRootConfig>
+        <Empty />
+      </AntdRootConfig>,
+    );
+
+    expect(document.querySelector('.ant-empty-description')?.textContent).toBe(emptyText);
+  });
+});