update translate and styles

src/app/components/tanstakTable.tsx

@@ -427,48 +427,50 @@ export default function TanstakFilesTable() {
 			</div>
 
 			{/* Таблица */}
-			<div className="overflow-x-auto rounded-lg shadow">
-				<table className="min-w-full divide-y divide-gray-200">
-					<thead className="bg-gray-50">
-						{table.getHeaderGroups().map(headerGroup => (
-							<tr key={headerGroup.id}>
-								{headerGroup.headers.map(header => (
-									<th
-										key={header.id}
-										className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider"
-									>
-										{header.isPlaceholder
-											? null
-											: typeof header.column.columnDef.header === 'function'
-												? header.column.columnDef.header(header.getContext())
-												: header.column.columnDef.header as string}
-									</th>
-								))}
-							</tr>
-						))}
-					</thead>
-					<tbody className="bg-white divide-y divide-gray-200">
-						{table.getRowModel().rows.length > 0 ? (
-							table.getRowModel().rows.map(row => (
-								<tr key={row.id} className="hover:bg-gray-50 transition-colors">
-									{row.getVisibleCells().map(cell => (
-										<td key={cell.id} className="px-6 py-4 whitespace-nowrap">
-											{typeof cell.column.columnDef.cell === 'function'
-												? cell.column.columnDef.cell(cell.getContext())
-												: cell.getValue() as string}
-										</td>
+			<div className='w-full tanstak-file-table'>
+				<div className="overflow-x-auto rounded-lg shadow">
+					<table className=" divide-y divide-gray-200 table-fixed md:table-auto w-full">
+						<thead className="bg-gray-50">
+							{table.getHeaderGroups().map(headerGroup => (
+								<tr key={headerGroup.id}>
+									{headerGroup.headers.map(header => (
+										<th
+											key={header.id}
+											className="px-6 py-3 text-left text-xs font-medium text-gray-700 uppercase tracking-wider whitespace-nowrap"
+										>
+											{header.isPlaceholder
+												? null
+												: typeof header.column.columnDef.header === 'function'
+													? header.column.columnDef.header(header.getContext())
+													: header.column.columnDef.header as string}
+										</th>
 									))}
 								</tr>
-							))
-						) : (
-							<tr>
-								<td colSpan={columns.length} className="px-6 py-8 text-center text-gray-500">
-									{t('no-data-for-selected-filters')}
-								</td>
-							</tr>
-						)}
-					</tbody>
-				</table>
+							))}
+						</thead>
+						<tbody className="bg-white divide-y divide-gray-200">
+							{table.getRowModel().rows.length > 0 ? (
+								table.getRowModel().rows.map(row => (
+									<tr key={row.id} className="hover:bg-gray-50 transition-colors">
+										{row.getVisibleCells().map(cell => (
+											<td key={cell.id} className="px-6 py-4 whitespace-nowrap">
+												{typeof cell.column.columnDef.cell === 'function'
+													? cell.column.columnDef.cell(cell.getContext())
+													: cell.getValue() as string}
+											</td>
+										))}
+									</tr>
+								))
+							) : (
+								<tr>
+									<td colSpan={columns.length} className="px-6 py-8 text-center text-gray-500">
+										{t('no-data-for-selected-filters')}
+									</td>
+								</tr>
+							)}
+						</tbody>
+					</table>
+				</div>
 			</div>
 
 			{/* Пагинация */}