refactor initial database and state management

src/pages/onboarding/index.tsx

@@ -10,9 +10,7 @@ export default function Page() {
     <div className="flex h-full flex-col justify-between px-8">
       <div>{/* spacer */}</div>
       <div className="flex flex-col gap-3">
-        <motion.h1
-          layoutId="title"
-          className="bg-gradient-to-br from-zinc-200 to-zinc-400 bg-clip-text text-3xl font-medium text-transparent">
+        <motion.h1 layoutId="title" className="bg-gradient-to-br from-zinc-200 to-zinc-400 bg-clip-text text-3xl font-medium text-transparent">
           Other social network require email/password
           <br />
           nostr use{' '}
@@ -21,8 +19,8 @@ export default function Page() {
           </span>
         </motion.h1>
         <motion.h2 layoutId="subtitle" className="w-3/4 text-zinc-400">
-          If you have used nostr before, you can import your own private key. Otherwise, you can
-          create a new key or use auto-generated account created by system.
+          If you have used nostr before, you can import your own private key. Otherwise, you can create a new key or use auto-generated account
+          created by system.
         </motion.h2>
         <motion.div layoutId="form"></motion.div>
         <motion.div layoutId="action" className="mt-4 flex gap-2">
@@ -32,7 +30,7 @@ export default function Page() {
             Create new key
           </Link>
           <Link
-            href="/onboarding/import"
+            href="/onboarding/login"
             className="hover:bg-zinc-900/2.5 transform rounded-lg border border-black/5 bg-zinc-800 px-3.5 py-2 font-medium ring-1 ring-inset ring-zinc-900/10 hover:text-zinc-900 active:translate-y-1 dark:text-zinc-300 dark:ring-white/10 dark:hover:bg-zinc-700 dark:hover:text-white">
             Login with private key
           </Link>
@@ -44,13 +42,7 @@ export default function Page() {
 }
 
 Page.getLayout = function getLayout(
-  page:
-    | string
-    | number
-    | boolean
-    | ReactElement<unknown, string | JSXElementConstructor<unknown>>
-    | ReactFragment
-    | ReactPortal
+  page: string | number | boolean | ReactElement<unknown, string | JSXElementConstructor<unknown>> | ReactFragment | ReactPortal
 ) {
   return (
     <BaseLayout>