feat: add new fonts

Author: kastov

index.html

@@ -143,6 +143,16 @@
             rel="stylesheet"
         />
 
+        <link
+            href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap"
+            rel="stylesheet"
+        />
+
+        <link
+            href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap"
+            rel="stylesheet"
+        />
+
         <script src="/wasm_exec.js"></script>
 
         <meta name="color-scheme" content="dark only" />

public/locales/en/remnawave.json

@@ -141,7 +141,11 @@
         "last-ua": "Last UA",
         "lifetime-used": "Lifetime Usage",
         "sub-link-revoked-at": "Sub-link revoked at",
-        "created-at": "Created at"
+        "created-at": "Created at",
+        "internal-squads": "Internal Squads",
+        "first-connected-at": "First connected at",
+        "sub-last-opened-at": "Sub last opened at",
+        "tag": "Tag"
     },
     "header-buttons": {
         "feature": {}

src/features/dashboard/users/users-table/model/use-table-columns.tsx

@@ -144,7 +144,7 @@ export const useUserTableColumns = (
 
             {
                 accessorKey: 'tag',
-                header: 'Tag',
+                header: t('use-table-columns.tag'),
                 Cell: ({ cell }) => (
                     <Text ff="monospace" fw={500} size="md">
                         {cell.row.original.tag || '–'}
@@ -157,7 +157,7 @@ export const useUserTableColumns = (
 
             {
                 accessorKey: 'activeInternalSquads',
-                header: 'Internal Squads',
+                header: t('use-table-columns.internal-squads'),
                 filterVariant: 'select',
                 enableColumnFilterModes: false,
                 enableSorting: false,
@@ -225,7 +225,7 @@ export const useUserTableColumns = (
 
             {
                 accessorKey: 'firstConnectedAt',
-                header: 'First connected at',
+                header: t('use-table-columns.first-connected-at'),
                 accessorFn: (originalRow) =>
                     originalRow.firstConnectedAt
                         ? dayjs(originalRow.firstConnectedAt).format('DD/MM/YYYY, HH:mm')
@@ -288,7 +288,7 @@ export const useUserTableColumns = (
 
             {
                 accessorKey: 'subLastOpenedAt',
-                header: 'Sub last opened at',
+                header: t('use-table-columns.sub-last-opened-at'),
                 accessorFn: (originalRow) =>
                     originalRow.subLastOpenedAt
                         ? dayjs(originalRow.subLastOpenedAt).format('DD/MM/YYYY, HH:mm')

src/shared/constants/theme/theme.ts

@@ -5,7 +5,7 @@ import components from './overrides'
 export const theme = createTheme({
     components,
     cursorType: 'pointer',
-    fontFamily: 'Montserrat, Twemoji Country Flags, sans-serif',
+    fontFamily: 'Montserrat, Vazirmatn, Noto Sans SC, Twemoji Country Flags, sans-serif',
     fontFamilyMonospace: 'Fira Mono, monospace',
     breakpoints: {
         xs: '30em',