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/entries/login.tsx

@@ -5,6 +5,7 @@ import 'antd/dist/reset.css';
 import { setupHttp } from '@/api/http-init';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';
+import { AntdRootConfig } from '@/i18n/AntdRootConfig';
 import { ThemeProvider } from '@/hooks/useTheme';
 import { QueryProvider } from '@/api/QueryProvider';
 import LoginPage from '@/pages/login/LoginPage';
@@ -21,11 +22,13 @@ readyI18n().then(() => {
   const root = document.getElementById('app');
   if (root) {
     createRoot(root).render(
-      <ThemeProvider>
-        <QueryProvider>
-          <LoginPage />
-        </QueryProvider>
-      </ThemeProvider>,
+      <AntdRootConfig>
+        <ThemeProvider>
+          <QueryProvider>
+            <LoginPage />
+          </QueryProvider>
+        </ThemeProvider>
+      </AntdRootConfig>,
     );
   }
 });

frontend/src/entries/subpage.tsx

@@ -3,6 +3,7 @@ import { message } from 'antd';
 import 'antd/dist/reset.css';
 
 import { readyI18n } from '@/i18n/react';
+import { AntdRootConfig } from '@/i18n/AntdRootConfig';
 import { ThemeProvider } from '@/hooks/useTheme';
 import { QueryProvider } from '@/api/QueryProvider';
 import SubPage from '@/pages/sub/SubPage';
@@ -16,11 +17,13 @@ readyI18n('subscription').then(() => {
   const root = document.getElementById('app');
   if (root) {
     createRoot(root).render(
-      <ThemeProvider>
-        <QueryProvider>
-          <SubPage />
-        </QueryProvider>
-      </ThemeProvider>,
+      <AntdRootConfig>
+        <ThemeProvider>
+          <QueryProvider>
+            <SubPage />
+          </QueryProvider>
+        </ThemeProvider>
+      </AntdRootConfig>,
     );
   }
 });