refactor: move title to main file

Author: gabitoesmiapodo

source/app.tsx

@@ -1,4 +1,6 @@
 import { Box } from 'ink'
+import BigText from 'ink-big-text'
+import Gradient from 'ink-gradient'
 import React, { useState } from 'react'
 import Step1 from './import/Step1.js'
 import Step2 from './import/Step2.js'
@@ -11,11 +13,22 @@ const App = () => {
 
   const finishStep = () => setCurrentStep(currentStep + 1)
 
+  const onSelect = (value: string) => {
+    console.log(value)
+  }
+
   return (
     <Box
       flexDirection={'column'}
       rowGap={1}
     >
+      <Gradient colors={['#ff438c', '#bb1d79', '#8b46a4', '#6a2581']}>
+        <BigText
+          lineHeight={1}
+          font={'chrome'}
+          text="dAppBooster"
+        />
+      </Gradient>
       <Step1
         onSubmit={setProjectName}
         onCompletion={finishStep}
@@ -29,8 +42,9 @@ const App = () => {
       )}
       {canShowStep(currentStep, 3) && (
         <Step3
-          projectName={projectName}
           onCompletion={finishStep}
+          onSelect={onSelect}
+          projectName={projectName}
         />
       )}
     </Box>

source/import/Step1.tsx

@@ -1,5 +1,3 @@
-import BigText from 'ink-big-text'
-import Gradient from 'ink-gradient'
 import React, { type FC, useMemo, useCallback } from 'react'
 import Ask from './Ask.js'
 import { isValidName } from './utils.js'
@@ -31,22 +29,13 @@ const Step1: FC<Props> = ({ projectName, onSubmit, onCompletion }) => {
   )
 
   return (
-    <>
-      <Gradient colors={['#ff438c', '#bb1d79', '#8b46a4', '#6a2581']}>
-        <BigText
-          lineHeight={1}
-          font={'chrome'}
-          text="dAppBooster"
-        />
-      </Gradient>
-      <Ask
-        answer={projectName}
-        errorMessage={errorMessage}
-        onSubmit={handleSubmit}
-        question={'Project name?'}
-        tip={'Letters (a–z, A–Z), numbers (0–9), and underscores (_) are allowed.'}
-      />
-    </>
+    <Ask
+      answer={projectName}
+      errorMessage={errorMessage}
+      onSubmit={handleSubmit}
+      question={'Project name?'}
+      tip={'Letters (a–z, A–Z), numbers (0–9), and underscores (_) are allowed.'}
+    />
   )
 }