feat(tests): fix unit tests and ts linting

frontend/src/pages/DocumentsPage.tsx

@@ -591,8 +591,8 @@ const DocumentsPage: React.FC = () => {
         }}>
           <Typography variant="body2" sx={{ flexGrow: 1, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
             {t('documents.selection.count', {
-              count: selectedDocuments.size > 999 ? `${Math.floor(selectedDocuments.size/1000)}K` : selectedDocuments.size,
+              count: selectedDocuments.size,
-              total: sortedDocuments.length > 999 ? `${Math.floor(sortedDocuments.length/1000)}K` : sortedDocuments.length
+              total: sortedDocuments.length
             })}
           </Typography>
           <Button
@@ -612,7 +612,7 @@ const DocumentsPage: React.FC = () => {
             size="small"
             color="error"
           >
-            {t('documents.selection.deleteSelected', { count: selectedDocuments.size > 999 ? `${Math.floor(selectedDocuments.size/1000)}K` : selectedDocuments.size })}
+            {t('documents.selection.deleteSelected', { count: selectedDocuments.size })}
           </Button>
         </Box>
       )}

frontend/src/test/test-utils.tsx

@@ -2,8 +2,32 @@ import React from 'react'
 import { render, RenderOptions } from '@testing-library/react'
 import { BrowserRouter } from 'react-router-dom'
 import { vi } from 'vitest'
+import { I18nextProvider } from 'react-i18next'
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
 import { NotificationProvider } from '../contexts/NotificationContext'
 
+// Initialize i18n for tests
+i18n
+  .use(initReactI18next)
+  .init({
+    lng: 'en',
+    fallbackLng: 'en',
+    ns: ['translation'],
+    defaultNS: 'translation',
+    resources: {
+      en: {
+        translation: require('../../public/locales/en/translation.json')
+      }
+    },
+    interpolation: {
+      escapeValue: false
+    },
+    react: {
+      useSuspense: false
+    }
+  })
+
 interface User {
   id: string
   username: string
@@ -147,23 +171,25 @@ export const MockAuthProvider = ({
 }
 
 // Enhanced provider wrapper with theme and notification contexts
-const AllTheProviders = ({ 
+const AllTheProviders = ({
-  children, 
+  children,
   authValues,
   routerProps = {}
-}: { 
+}: {
   children: React.ReactNode
   authValues?: Partial<MockAuthContextType>
   routerProps?: any
 }) => {
   return (
-    <BrowserRouter {...routerProps}>
+    <I18nextProvider i18n={i18n}>
-      <NotificationProvider>
+      <BrowserRouter {...routerProps}>
-        <MockAuthProvider mockValues={authValues}>
+        <NotificationProvider>
-          {children}
+          <MockAuthProvider mockValues={authValues}>
-        </MockAuthProvider>
+            {children}
-      </NotificationProvider>
+          </MockAuthProvider>
-    </BrowserRouter>
+        </NotificationProvider>
+      </BrowserRouter>
+    </I18nextProvider>
   )
 }