feat: create component modal, popup and form input

app/routes/_layout.auth.tsx

@@ -0,0 +1,23 @@
+import { useState } from 'react'
+
+import PopupModal from '~/components/popup/modal'
+import FormLogin from '~/components/ui/form-login'
+
+const AuthLayout = () => {
+  const [isModalOpen, setModalOpen] = useState(true)
+
+  return (
+    <div className="relative">
+      <div className="flex min-h-screen items-center justify-center bg-gray-100">
+        {/* Modal */}
+        <PopupModal
+          isOpen={isModalOpen}
+          onClose={() => setModalOpen(true)}
+        >
+          <FormLogin />
+        </PopupModal>
+      </div>
+    </div>
+  )
+}
+export default AuthLayout

app/routes/_layout.news.tsx

@@ -1,6 +1,6 @@
 import { Outlet } from 'react-router'
 
-import { Banner } from '~/components/ui/banner'
+import Banner from '~/components/ui/banner'
 import { FooterLinks } from '~/layouts/footer-links'
 import { FooterNewsletter } from '~/layouts/footer-newsletter'
 import { HeaderMenu } from '~/layouts/header-menu'

app/routes/_layout.register.tsx

@@ -1,11 +0,0 @@
-import FormLogin from '~/components/ui/form-login'
-
-const RegisterLayout = () => {
-  return (
-    <main>
-      <FormLogin />
-    </main>
-  )
-}
-
-export default RegisterLayout