feat: add page title translations (#2629)

apps/remix/app/routes/_authenticated+/inbox.tsx

@@ -1,3 +1,4 @@
+import { msg } from '@lingui/core/macro';
 import { Trans } from '@lingui/react/macro';
 import { InboxIcon } from 'lucide-react';
 
@@ -6,7 +7,7 @@ import { InboxTable } from '~/components/tables/inbox-table';
 import { appMetaTags } from '~/utils/meta';
 
 export function meta() {
-  return appMetaTags('Personal Inbox');
+  return appMetaTags(msg`Personal Inbox`);
 }
 
 export default function InboxPage() {
@@ -14,11 +15,11 @@ export default function InboxPage() {
     <div className="mx-auto w-full max-w-screen-xl px-4 md:px-8">
       <div className="mb-8">
         <h1 className="flex flex-row items-center gap-2 text-3xl font-bold">
-          <InboxIcon className="text-muted-foreground h-8 w-8" />
+          <InboxIcon className="h-8 w-8 text-muted-foreground" />
 
           <Trans>Personal Inbox</Trans>
         </h1>
-        <p className="text-muted-foreground mt-1">
+        <p className="mt-1 text-muted-foreground">
           <Trans>Any documents that you have been invited to will appear here</Trans>
         </p>