fix: examples and giving rigth input's names

src/pages/tools/csv/csv-to-yaml/index.tsx

@@ -30,7 +30,8 @@ Queen,"Bohemian Rhapsody",Rock
 Nirvana,"Smells Like Teen Spirit",Grunge
 Michael Jackson,"Billie Jean",Pop
 Stevie Wonder,"Superstition",Funk`,
-    sampleResult: `  - The Beatles
+    sampleResult: `-
+  - The Beatles
   - Yesterday
   - Pop Rock
 - 
@@ -62,7 +63,8 @@ Stevie Wonder,"Superstition",Funk`,
 Venus,0.815,0
 Earth,1.000,1
 Mars,0.107,2`,
-    sampleResult: `  planet: Venus
+    sampleResult: `-
+  planet: Venus
   relative mass: 0.815
   satellites: '0'
 - 
@@ -88,7 +90,8 @@ milk;2;3.50
 bread;1;4.25
 #apples;4;1.99
 cheese;1;8.99`,
-    sampleResult: `    item: milk
+    sampleResult: `-
+  item: milk
   quantity: 2
   price: 3.50
 -
@@ -188,8 +191,10 @@ export default function CsvToYaml({
     <ToolContent
       title={title}
       input={input}
-      inputComponent={<ToolTextInput value={input} onChange={setInput} />}
+      inputComponent={
-      resultComponent={<ToolTextResult value={result} />}
+        <ToolTextInput title={'Input CSV'} value={input} onChange={setInput} />
+      }
+      resultComponent={<ToolTextResult title={'Output YAML'} value={result} />}
       initialValues={initialValues}
       exampleCards={exampleCards}
       getGroups={getGroups}