Add onboarding flow using Reactour (#4635)

# Description of Changes
Add onboarding flow

frontend/src/components/tools/ToolPanel.tsx

@@ -103,6 +103,7 @@ export default function ToolPanel() {
     <div
       ref={toolPanelRef}
       data-sidebar="tool-panel"
+      data-tour={fullscreenExpanded ? undefined : "tool-panel"}
       className={`tool-panel flex flex-col ${fullscreenExpanded ? 'tool-panel--fullscreen-active' : 'overflow-hidden'} bg-[var(--bg-toolbar)] border-r border-[var(--border-subtle)] transition-all duration-300 ease-out ${
         isRainbowMode ? rainbowStyles.rainbowPaper : ''
       } ${isMobile ? 'h-full border-r-0' : 'h-screen'} ${fullscreenExpanded ? 'tool-panel--fullscreen' : ''}`}
@@ -135,7 +136,7 @@ export default function ToolPanel() {
               mode="filter"
             />
             {!isMobile && leftPanelView === 'toolPicker' && (
-              <Tooltip 
+              <Tooltip
                 content={toggleLabel}
                 position="bottom"
                 arrow={true}