fix: lint project (#2693)

apps/remix/app/components/general/template/template-page-view-information.tsx

@@ -1,13 +1,11 @@
-import { useMemo } from 'react';
-
+import { useIsMounted } from '@documenso/lib/client-only/hooks/use-is-mounted';
+import { mapSecondaryIdToTemplateId } from '@documenso/lib/utils/envelope';
 import { msg } from '@lingui/core/macro';
 import { useLingui } from '@lingui/react';
 import { Trans } from '@lingui/react/macro';
 import type { User } from '@prisma/client';
 import { DateTime } from 'luxon';
-
-import { useIsMounted } from '@documenso/lib/client-only/hooks/use-is-mounted';
-import { mapSecondaryIdToTemplateId } from '@documenso/lib/utils/envelope';
+import { useMemo } from 'react';
 
 export type TemplatePageViewInformationProps = {
   userId: number;
@@ -20,10 +18,7 @@ export type TemplatePageViewInformationProps = {
   };
 };
 
-export const TemplatePageViewInformation = ({
-  template,
-  userId,
-}: TemplatePageViewInformationProps) => {
+export const TemplatePageViewInformation = ({ template, userId }: TemplatePageViewInformationProps) => {
   const isMounted = useIsMounted();
 
   const { _, i18n } = useLingui();
@@ -32,8 +27,7 @@ export const TemplatePageViewInformation = ({
     return [
       {
         description: msg`Uploaded by`,
-        value:
-          userId === template.userId ? _(msg`You`) : (template.user.name ?? template.user.email),
+        value: userId === template.userId ? _(msg`You`) : (template.user.name ?? template.user.email),
       },
       {
         description: msg`Created`,
@@ -54,17 +48,14 @@ export const TemplatePageViewInformation = ({
   }, [isMounted, template, userId]);
 
   return (
-    <section className="dark:bg-background text-foreground border-border bg-widget flex flex-col rounded-xl border">
+    <section className="flex flex-col rounded-xl border border-border bg-widget text-foreground dark:bg-background">
       <h1 className="px-4 py-3 font-medium">
         <Trans>Information</Trans>
       </h1>
 
       <ul className="divide-y border-t">
         {templateInformation.map((item, i) => (
-          <li
-            key={i}
-            className="flex items-center justify-between px-4 py-2.5 text-sm last:border-b"
-          >
+          <li key={i} className="flex items-center justify-between px-4 py-2.5 text-sm last:border-b">
             <span className="text-muted-foreground">{_(item.description)}</span>
             <span>{item.value}</span>
           </li>