feat: Add tooltip for paperclip attach button when no files are parsed (#5139)

* fix broken tooltip

* fix tooltip not showing on homepage

* fix tooltip rendering behind input on homepage

---------

Co-authored-by: shatfield4 <seanhatfield5@gmail.com>

frontend/src/components/WorkspaceChat/ChatContainer/ChatTooltips/index.jsx

@@ -90,6 +90,12 @@ export function ChatTooltips() {
         delayShow={300}
         className="tooltip !text-xs"
       />
+      <Tooltip
+        id="attach-item-btn"
+        place="top"
+        delayShow={300}
+        className="tooltip !text-xs"
+      />
       <DocumentLevelTooltip />
     </>
   );

frontend/src/components/WorkspaceChat/ChatContainer/PromptInput/AttachItem/index.jsx

@@ -88,7 +88,12 @@ export default function AttachItem({
     <>
       <button
         id="attach-item-btn"
-        data-tooltip-id="tooltip-attach-item-btn"
+        data-tooltip-id={
+          showTooltip ? "tooltip-attach-item-btn" : "attach-item-btn"
+        }
+        data-tooltip-content={
+          !showTooltip ? t("chat_window.attach_file") : undefined
+        }
         aria-label={t("chat_window.attach_file")}
         type="button"
         onClick={handleClick}

frontend/src/pages/Main/Home/index.jsx

@@ -23,6 +23,7 @@ import { safeJsonParse } from "@/utils/request";
 import QuickActions from "@/components/lib/QuickActions";
 import SuggestedMessages from "@/components/lib/SuggestedMessages";
 import useUser from "@/hooks/useUser";
+import { ChatTooltips } from "@/components/WorkspaceChat/ChatContainer/ChatTooltips";
 
 async function getTargetWorkspace() {
   const lastVisited = safeJsonParse(
@@ -301,6 +302,7 @@ function HomeContent({ workspace, setWorkspace, threadSlug, setThreadSlug }) {
           />
         </div>
       </DnDFileUploaderWrapper>
+      <ChatTooltips />
     </div>
   );
 }