fix: ttag translation

assets/pages/watchdog/UserPage.tsx

@@ -1,6 +1,7 @@
 import React, {useEffect, useState} from "react";
 import {Card, Flex, Skeleton, Typography} from "antd";
 import {getUser, User} from "../../utils/api";
+import {t} from 'ttag'
 
 export default function UserPage() {
 
@@ -12,12 +13,12 @@ export default function UserPage() {
 
     return <Skeleton loading={user === null} active>
         <Flex gap="middle" align="center" justify="center" vertical>
-            <Card title="My Account">
+            <Card title={t`My Account`}>
                 <Typography.Paragraph>
-                    Username : {user?.email}
+                    {t`Username`} : {user?.email}
                 </Typography.Paragraph>
                 <Typography.Paragraph>
-                    Roles : {user?.roles.join(',')}
+                    {t`Roles`} : {user?.roles.join(',')}
                 </Typography.Paragraph>
             </Card>
         </Flex>