feat: implement admin dashboard layout and update authentication flow

app/layouts/admin/dashboard.tsx

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react'
+
+export const AdminDashboardLayout = (properties: PropsWithChildren) => {
+  const { children } = properties
+  return (
+    <div className="grid">
+      <div>Navbar</div>
+      <div className="flex">
+        <div>Sidebar</div>
+        <div>{children}</div>
+      </div>
+    </div>
+  )
+}

app/routes/_layout.admin.auth.login.tsx

@@ -12,11 +12,13 @@ const AuthLayout = () => {
     <div className="flex min-h-dvh min-w-dvw flex-col items-center justify-center space-y-8">
       <div className="grid max-w-lg items-center justify-center space-y-7 rounded-[20px] border border-[#E6E6E6] bg-white p-8">
         <div className="flex flex-col items-center">
+          <Link to="/admin/dashboard">
             <img
               src={APP.logo}
               alt={APP.title}
               className="h-[80px]"
             />
+          </Link>
         </div>
         <p className="text-center">
           Selamat Datang, silakan masukkan akun Anda untuk melanjutkan!

app/routes/_layout.admin.dashboard._index.tsx

@@ -0,0 +1,10 @@
+const DashboardIndexLayout = () => {
+  return (
+    <div className="relative">
+      <div className="flex min-h-screen items-center justify-center bg-gray-100">
+        Dashboard Page
+      </div>
+    </div>
+  )
+}
+export default DashboardIndexLayout

app/routes/_layout.admin.dashboard.tsx

@@ -1,10 +1,12 @@
+import { Outlet } from 'react-router'
+
+import { AdminDashboardLayout } from '~/layouts/admin/dashboard'
+
 const DashboardLayout = () => {
   return (
-    <div className="relative">
-      <div className="flex min-h-screen items-center justify-center bg-gray-100">
-        Login form
-      </div>
-    </div>
+    <AdminDashboardLayout>
+      <Outlet />
+    </AdminDashboardLayout>
   )
 }
 export default DashboardLayout