fix: migrate lingui

apps/remix/app/routes/_authenticated+/settings+/_layout.tsx

@@ -1,4 +1,4 @@
-import { Trans } from '@lingui/macro';
+import { Trans } from '@lingui/react/macro';
 import { Outlet } from 'react-router';
 
 import { SettingsDesktopNav } from '~/components/general/settings-nav-desktop';

apps/remix/app/routes/_authenticated+/settings+/profile.tsx

@@ -1,4 +1,4 @@
-import { msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 
 import { AccountDeleteDialog } from '~/components/dialogs/account-delete-dialog';

apps/remix/app/routes/_authenticated+/settings+/public-profile+/index.tsx

@@ -1,7 +1,8 @@
 import { useEffect, useMemo, useState } from 'react';
 
-import { Trans, msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
+import { Trans } from '@lingui/react/macro';
 import type { TemplateDirectLink } from '@prisma/client';
 import { TemplateType } from '@prisma/client';
 import { getLoaderSession } from 'server/utils/get-loader-session';

apps/remix/app/routes/_authenticated+/settings+/security+/activity+/index.tsx

@@ -1,4 +1,4 @@
-import { msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 
 import { SettingsHeader } from '~/components/general/settings-header';

apps/remix/app/routes/_authenticated+/settings+/security+/index.tsx

@@ -1,5 +1,6 @@
-import { Trans, msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
+import { Trans } from '@lingui/react/macro';
 import { Link } from 'react-router';
 
 import { useSession } from '@documenso/lib/client-only/providers/session';

apps/remix/app/routes/_authenticated+/settings+/security+/passkeys+/index.tsx

@@ -1,4 +1,4 @@
-import { msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 
 import { CreatePasskeyDialog } from '~/components/dialogs/create-passkey-dialog';

apps/remix/app/routes/_authenticated+/settings+/teams+/index.tsx

@@ -1,4 +1,4 @@
-import { msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 import { AnimatePresence } from 'framer-motion';
 

apps/remix/app/routes/_authenticated+/settings+/teams+/team-email-usage.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react';
 
-import { Trans, msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
+import { Trans } from '@lingui/react/macro';
 import type { TeamEmail } from '@prisma/client';
 
 import { trpc } from '@documenso/trpc/react';

apps/remix/app/routes/_authenticated+/settings+/teams+/team-invitations.tsx

@@ -1,5 +1,6 @@
-import { Plural, Trans, msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
+import { Plural, Trans } from '@lingui/react/macro';
 import { AnimatePresence } from 'framer-motion';
 import { BellIcon } from 'lucide-react';
 

apps/remix/app/routes/_authenticated+/settings+/tokens+/index.tsx

@@ -1,5 +1,5 @@
-import { Trans } from '@lingui/macro';
 import { useLingui } from '@lingui/react';
+import { Trans } from '@lingui/react/macro';
 import { DateTime } from 'luxon';
 
 import { trpc } from '@documenso/trpc/react';

apps/remix/app/routes/_authenticated+/settings+/webhooks+/$id.tsx

@@ -1,6 +1,7 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Trans, msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
+import { Trans } from '@lingui/react/macro';
 import { Loader } from 'lucide-react';
 import { useForm } from 'react-hook-form';
 import { useParams } from 'react-router';

apps/remix/app/routes/_authenticated+/settings+/webhooks+/index.tsx

@@ -1,5 +1,6 @@
-import { Trans, msg } from '@lingui/macro';
+import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
+import { Trans } from '@lingui/react/macro';
 import { Loader } from 'lucide-react';
 import { DateTime } from 'luxon';
 import { Link } from 'react-router';
@@ -27,13 +28,11 @@ export default function WebhookPage() {
       >
         <WebhookCreateDialog />
       </SettingsHeader>
-
       {isLoading && (
         <div className="absolute inset-0 flex items-center justify-center bg-white/50">
           <Loader className="h-8 w-8 animate-spin text-gray-500" />
         </div>
       )}
-
       {webhooks && webhooks.length === 0 && (
         // TODO: Perhaps add some illustrations here to make the page more engaging
         <div className="mb-4">
@@ -44,7 +43,6 @@ export default function WebhookPage() {
           </p>
         </div>
       )}
-
       {webhooks && webhooks.length > 0 && (
         <div className="mt-4 flex max-w-xl flex-col gap-y-4">
           {webhooks?.map((webhook) => (