fix: add image and i18n

app/(auth)/register/page.tsx

@@ -1,5 +1,7 @@
+/* eslint-disable @next/next/no-img-element */
 import Link from "next/link"
 
+import i18n from "@/lib/i18n"
 import { cn } from "@/lib/utils"
 import { buttonVariants } from "@/components/ui/button"
 import { UserAuthForm } from "@/components/app/login/user-auth-form"
@@ -20,35 +22,41 @@ export default function RegisterPage() {
           "absolute right-4 top-4 md:right-8 md:top-8"
         )}
       >
-        Login
+        {i18n.t("Login")}
       </Link>
-      <div className="hidden h-full bg-muted lg:block" />
+      <div className="hidden h-screen lg:block">
+        <img
+          className="w-full h-screen object-cover"
+          src="https://images.unsplash.com/photo-1533226458520-6f71cffeaa6a?q=80&w=2835&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+          alt="Image Description"
+        />
+      </div>
       <div className="lg:p-8">
         <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
           <div className="flex flex-col space-y-2 text-center">
             <Icons.logo className="mx-auto h-6 w-6" />
             <h1 className="text-2xl font-semibold tracking-tight">
-              Create an account
+              {i18n.t("Create an account")}
             </h1>
             <p className="text-sm text-muted-foreground">
-              Enter your email below to create your account
+              {i18n.t("Enter your email below to create your account")}
             </p>
           </div>
           <UserAuthForm type="register" />
           <p className="px-8 text-center text-sm text-muted-foreground">
-            By clicking continue, you agree to our{" "}
+            {i18n.t("By clicking continue, you agree to our")}{" "}
             <Link
               href="/terms"
               className="hover:text-brand underline underline-offset-4"
             >
-              Terms of Service
+              {i18n.t("Terms of Service")}
             </Link>{" "}
-            and{" "}
+            {i18n.t("and")}{" "}
             <Link
               href="/privacy"
               className="hover:text-brand underline underline-offset-4"
             >
-              Privacy Policy
+              {i18n.t("Privacy Policy")}
             </Link>
             .
           </p>

lib/i18n/languages/en.json

@@ -39,5 +39,12 @@
   "The content is not available": "The content is not available",
   "To achieve a well-done translation, we need to provide context to the AI": "To achieve a well-done translation, we need to provide context to the AI",
   "TS code": "TS code",
-  "Upload .json file": "Upload .json file"
-}
+  "Upload .json file": "Upload .json file",
+  "Login": "Login",
+  "Create an account": "Create an account",
+  "Enter your email below to create your account": "Enter your email below to create your account",
+  "By clicking continue, you agree to our": "By clicking continue, you agree to our",
+  "Terms of Service": "Terms of Service",
+  "and": "and",
+  "Privacy Policy": "Privacy Policy"
+}