refactor: update register company page and success message; improve imports and localization

app/(public)/register-company/success/page.tsx

@@ -1,14 +1,17 @@
+'use client';
+
 import Image from 'next/image';
 import Link from 'next/link';
 
 import { MedReportLogo } from '@/components/med-report-title';
 
 import { Button } from '@kit/ui/button';
+import { Trans } from '@kit/ui/trans';
 
 export default function CompanyRegistrationSuccess() {
   return (
     <div className="border-border rounded-3xl border px-16 pt-4 pb-12">
-      <MedReportTitle />
+      <MedReportLogo />
       <div className="flex flex-col items-center px-4">
         <Image
           src="/assets/success.png"
@@ -18,15 +21,15 @@ export default function CompanyRegistrationSuccess() {
           height={195}
         />
         <h1 className="pb-2">
-          <Trans i18nKey={'account:requestCompanyAccount:successTitle'} />
+          <Trans i18nKey="account:requestCompanyAccount:successTitle" />
         </h1>
         <p className="text-muted-foreground text-sm">
-          <Trans i18nKey={'account:requestCompanyAccount:successDescription'} />
+          <Trans i18nKey="account:requestCompanyAccount:successDescription" />
         </p>
       </div>
       <Button className="mt-8 w-full">
         <Link href="/">
-          <Trans i18nKey={'account:requestCompanyAccount:successButton'} />
+          <Trans i18nKey="account:requestCompanyAccount:successButton" />
         </Link>
       </Button>
     </div>