fix: update tooltip text for nodestable and whitelist table

Author: AzimovS

packages/nextjs/components/oracle/NodesTable.tsx

@@ -43,11 +43,14 @@ export const NodesTable = () => {
     functionName: "getNodeAddresses",
   });
 
+  const tooltipText =
+    "This table displays registered oracle nodes that provide price data to the system. Nodes are displayed as inactive if they don't have enough ETH staked. You can edit the skip probability and price variance of an oracle node with the slider.";
+
   return (
     <div className="flex flex-col gap-2">
       <h2 className="text-xl font-bold">Oracle Nodes</h2>
       <div className="bg-base-100 rounded-lg p-4 relative">
-        <TooltipInfo top={0} right={0} infoText="TODO: Update this tooltip" />
+        <TooltipInfo top={0} right={0} infoText={tooltipText} />
         <div className="overflow-x-auto">
           <table className="table w-full">
             <thead>

packages/nextjs/components/oracle/whitelist/WhitelistTable.tsx

@@ -22,7 +22,7 @@ const LoadingRow = () => {
 const NoNodesRow = () => {
   return (
     <tr>
-      <td colSpan={6} className="text-center">
+      <td colSpan={3} className="text-center">
         No nodes found
       </td>
     </tr>
@@ -58,7 +58,7 @@ export const WhitelistTable = () => {
     }))
     ?.filter(item => !oraclesRemoved?.some(removedOracle => removedOracle?.args?.oracleAddress === item.address));
 
-  const tooltipText = `This table displays authorized oracle nodes that provide price data to the system. Nodes are considered active if they've reported within the last 10 seconds. You can edit the price of an oracle node by clicking on the price cell.`;
+  const tooltipText = `This table displays registered oracle nodes that provide price data to the system. Nodes are considered active if they've reported within the last 10 seconds. You can add a new oracle node by clicking the "Add Oracle Node" button or edit the price of an oracle node.`;
 
   return (
     <div className="flex flex-col gap-2">