feat: create AuthLayout component and refactor modal usage in forms

app/layouts/header-top.tsx

@@ -1,13 +1,16 @@
 import { useState } from 'react'
 import { Link } from 'react-router'
 
-import PopupModal from '~/components/popup/modal'
+import { PopupModal } from '~/components/popup/modal'
 import { Button } from '~/components/ui/button'
-import FormLogin from '~/components/ui/form-login'
+import { FormLogin } from '~/components/ui/form-login'
+import { FormRegister } from '~/components/ui/form-register'
 import { APP } from '~/data/meta'
 
 export const HeaderTop = () => {
-  const [isModalOpen, setModalOpen] = useState(false)
+  const [isLoginOpen, setIsLoginOpen] = useState(false)
+  const [isRegisterOpen, setIsRegisterOpen] = useState(false)
+
   return (
     <>
       <div className="flex h-[60px] items-center justify-between bg-white px-5 align-middle sm:h-[100px] sm:gap-[15px] sm:px-[50px] sm:py-[20px]">
@@ -31,14 +34,11 @@ export const HeaderTop = () => {
           <Button
             variant="newsSecondary"
             className="hidden sm:block"
-            onClick={() => setModalOpen(true)}
+            onClick={() => setIsLoginOpen(true)}
           >
             Akun
           </Button>
-          <div
-            className="w-[50px] sm:w-[60px]"
-            onClick={() => setModalOpen(true)}
-          >
+          <div className="w-[50px] sm:w-[60px]">
             <img
               alt="language"
               src="/flags/id.svg"
@@ -49,10 +49,22 @@ export const HeaderTop = () => {
       </div>
 
       <PopupModal
-        isOpen={isModalOpen}
-        onClose={() => setModalOpen(false)}
+        isOpen={isLoginOpen}
+        onClose={() => setIsLoginOpen(false)}
+        description="Selamat Datang, silakan daftarkan akun Anda untuk melanjutkan!"
       >
-        <FormLogin />
+        <FormLogin
+          setIsRegisterOpen={setIsRegisterOpen}
+          setIsLoginOpen={setIsLoginOpen}
+        />
+      </PopupModal>
+
+      <PopupModal
+        isOpen={isRegisterOpen}
+        onClose={() => setIsRegisterOpen(false)}
+        description="Selamat Datang, silakan daftarkan akun Anda untuk melanjutkan!"
+      >
+        <FormRegister />
       </PopupModal>
     </>
   )