Add info tooltip for build-info

Author: kuzdogan

app/components/verification/VerificationMethodSelector.tsx

@@ -1,5 +1,6 @@
 import { Tooltip as ReactTooltip } from "react-tooltip";
 import { useState, useEffect } from "react";
+import { MdInfo } from "react-icons/md";
 import { verificationMethods, frameworkMethods, frameworkMessages } from "../../data/verificationMethods";
 import type { Language, SelectedMethod } from "../../types/verification";
 import VerificationWarning from "./VerificationWarning";
@@ -148,7 +149,18 @@ export default function VerificationMethodSelector({
               }`}></div>
             </div>
           </label>
-          <span className="text-sm text-gray-700">Upload build-info file</span>
+          <span className="text-sm text-gray-700 flex items-center gap-1">
+            Upload build-info file
+            <button
+              type="button"
+              data-tooltip-id="build-info-tooltip"
+              data-tooltip-content="Build-info files are saved compilation outputs from Hardhat and Foundry. While it's recommended to use the framework commands directly for verification, you can also upload these files. Find them in artifacts/build-info (Hardhat) or out/build-info (Foundry)."
+              className="text-gray-500 hover:text-gray-700 transition-colors duration-200"
+            >
+              <MdInfo size={16} />
+            </button>
+            <ReactTooltip id="build-info-tooltip" place="top" style={{ maxWidth: '300px' }} />
+          </span>
         </div>
       )}