Task node section tooltips and misc updates (#917)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>

skyvern-frontend/src/components/HelpTooltip.tsx

@@ -0,0 +1,26 @@
+import { QuestionMarkCircledIcon } from "@radix-ui/react-icons";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "./ui/tooltip";
+
+type Props = {
+  content: string;
+};
+
+function HelpTooltip({ content }: Props) {
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <QuestionMarkCircledIcon className="h-4 w-4" />
+        </TooltipTrigger>
+        <TooltipContent className="max-w-[250px]">{content}</TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}
+
+export { HelpTooltip };