Add tooltips to action and navigation blocks (#1375)

skyvern-frontend/src/routes/workflows/editor/nodes/ActionNode/ActionNode.tsx

@@ -143,6 +143,12 @@ function ActionNode({ id, data }: NodeProps<ActionNode>) {
               className="nopan text-xs"
             />
           </div>
+          <div className="rounded-md bg-slate-800 p-2">
+            <div className="space-y-1 text-xs text-slate-400">
+              Tip: While executing the action block, Skyvern will only take one
+              action.
+            </div>
+          </div>
         </div>
         <Separator />
         <Accordion type="single" collapsible>

skyvern-frontend/src/routes/workflows/editor/nodes/NavigationNode/NavigationNode.tsx

@@ -96,7 +96,7 @@ function NavigationNode({ id, data }: NodeProps<NavigationNode>) {
             }}
           />
         </header>
-        <div className="space-y-2">
+        <div className="space-y-4">
           <div className="space-y-2">
             <div className="flex gap-2">
               <Label className="text-xs text-slate-300">URL</Label>
@@ -129,6 +129,12 @@ function NavigationNode({ id, data }: NodeProps<NavigationNode>) {
               className="nopan text-xs"
             />
           </div>
+          <div className="rounded-md bg-slate-800 p-2">
+            <div className="space-y-1 text-xs text-slate-400">
+              Tip: While executing the navigation block, Skyvern will take
+              multiple actions to accomplish a single goal.
+            </div>
+          </div>
         </div>
         <Separator />
         <Accordion type="single" collapsible>