Wrap intl in span identifying translation

frontend/src/pages/Users/Empty.tsx

@@ -1,6 +1,6 @@
 import type { Table as ReactTable } from "@tanstack/react-table";
 import { Button } from "src/components";
-import { intl } from "src/locale";
+import { T } from "src/locale";
 
 interface Props {
 	tableInstance: ReactTable<any>;
@@ -13,13 +13,19 @@ export default function Empty({ tableInstance, onNewUser, isFiltered }: Props) {
 			<td colSpan={tableInstance.getVisibleFlatColumns().length}>
 				<div className="text-center my-4">
 					{isFiltered ? (
-						<h2>{intl.formatMessage({ id: "empty-search" })}</h2>
+						<h2>
+							<T id="empty-search" />
+						</h2>
 					) : (
 						<>
-							<h2>{intl.formatMessage({ id: "users.empty" })}</h2>
-							<p className="text-muted">{intl.formatMessage({ id: "empty-subtitle" })}</p>
+							<h2>
+								<T id="users.empty" />
+							</h2>
+							<p className="text-muted">
+								<T id="empty-subtitle" />
+							</p>
 							<Button className="btn-orange my-3" onClick={onNewUser}>
-								{intl.formatMessage({ id: "users.add" })}
+								<T id="users.add" />
 							</Button>
 						</>
 					)}