Refactor styles and update text for better clarity and consistency

src/views/pages/ScenarioExec.vue

@@ -1,15 +1,19 @@
 <template>
         
-            <div class="flex items-center justify-between p-2">
+            <div class="flex items-center justify-between p-1">
                 <h1>
                     {{ scenario.name }}
-                </h1>
-               
+                </h1>            
+            </div>
+            <div class="flex items-center justify-between p-1">
+                <h2>
+                    {{ scenario.description }}
+                </h2>
             </div>
             <div class="flex mt-6">
                 <div class="card flex flex-col gap-4 w-full">
-                    <h3>
-                    {{ scenario.description }}
+                <h3>
+                    {{ scenario.hint }}
                 </h3>
                     <template v-if="scenario.inputs">
                         <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -21,7 +25,7 @@
                                         <b>{{ input.label }}</b>
                                         <i
                             class="pi pi-info-circle text-violet-600 cursor-pointer"
-                            v-tooltip="'Upload one PR document of .docx type. Mandatory if you want to execute scenario.'"
+                            v-tooltip="'Upload one document from the suggested types. Mandatory if you want to execute scenario.'"
                         ></i>
                                     </label>
                                     <div>