feat: create top bar

web/app/dev-preview/page.tsx

@@ -1,25 +1,16 @@
 'use client'
 
-import Input from '../components/base/input'
-import { OptionCard } from '../components/datasets/create/step-two/option-card'
+import { Stepper } from '../components/datasets/create/stepper'
 
 export default function Page() {
   return <div className='p-4'>
-    <OptionCard
-      icon={undefined}
-      title={'General'}
-      description={
-        'General text chunking mode, the chunks retrieved and recalled are the same.'
-      }
-      className='w-[600px]'
-      activeHeaderClassName='bg-gradient-to-r from-[#EFF0F9] to-[#F9FAFB]'
-      isActive={true}>
-      <p
-        className='text-[#354052] text-sm font-semibold leading-tight'
-      >
-        Lorem ipsum
-      </p>
-      <Input className='mt-2' />
-    </OptionCard>
+    <Stepper
+      steps={[
+        { name: 'Data Source' },
+        { name: 'Document Processing' },
+        { name: 'Execute & Finish' },
+      ]}
+      activeStepIndex={1}
+    />
   </div>
 }