feat: add page title translations (#2629)

apps/remix/app/routes/_profile+/_layout.tsx

@@ -19,7 +19,7 @@ import { appMetaTags } from '~/utils/meta';
 import type { Route } from './+types/_layout';
 
 export function meta() {
-  return appMetaTags('Profile');
+  return appMetaTags(msg`Profile`);
 }
 
 export default function PublicProfileLayout() {
@@ -44,14 +44,14 @@ export default function PublicProfileLayout() {
       ) : (
         <header
           className={cn(
-            'supports-backdrop-blur:bg-background/60 bg-background/95 sticky top-0 z-[60] flex h-16 w-full items-center border-b border-b-transparent backdrop-blur duration-200',
+            'supports-backdrop-blur:bg-background/60 sticky top-0 z-[60] flex h-16 w-full items-center border-b border-b-transparent bg-background/95 backdrop-blur duration-200',
             scrollY > 5 && 'border-b-border',
           )}
         >
           <div className="mx-auto flex w-full max-w-screen-xl items-center justify-between gap-x-4 px-4 md:px-8">
             <Link
               to="/"
-              className="focus-visible:ring-ring ring-offset-background rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 md:inline"
+              className="rounded-md ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 md:inline"
             >
               <BrandingLogo className="hidden h-6 w-auto sm:block" />
 
@@ -65,7 +65,7 @@ export default function PublicProfileLayout() {
             </Link>
 
             <div className="flex flex-row items-center justify-center">
-              <p className="text-muted-foreground mr-4">
+              <p className="mr-4 text-muted-foreground">
                 <span className="text-sm sm:hidden">
                   <Trans>Want your own public profile?</Trans>
                 </span>