Fix: prevent scroll shift by maintaining table height during loading

Author: sajalbnl

components/discover/defiTableSkeleton.tsx

@@ -11,28 +11,28 @@ import { TEXT_TYPE } from "@constants/typography";
 const DefiTableSkeleton: React.FC = () => {
   return (
     <div className="w-full overflow-x-auto">
-      <div className="rounded-xl border-[1px] border-[#f4faff4d] min-w-[930px] xl:w-full">
+      <div className=" border-[1px] border-[#f4faff4d] min-w-[930px] xl:w-full">
         <Table>
           <TableBody>
             {Array.from({ length: 10 }).map((_, index) => (
               <TableRow key={index} className="animate-pulse">
                 <TableCell>
-                  <div className="h-8 w-full bg-gray-300 rounded-md" />
+                  <div className="h-[2.525rem] bg-gray-300 rounded-md" />
                 </TableCell>
                 <TableCell>
-                  <div className="h-8 bg-gray-300 rounded-md" />
+                  <div className="h-[2.525rem] bg-gray-300 rounded-md" />
                 </TableCell>
                 <TableCell>
-                  <div className="h-8 bg-gray-300 rounded-md" />
+                  <div className="h-[2.525rem] bg-gray-300 rounded-md" />
                 </TableCell>
                 <TableCell>
-                  <div className="h-8 bg-gray-300 rounded-md" />
+                  <div className="h-[2.525rem] bg-gray-300 rounded-md" />
                 </TableCell>
                 <TableCell>
-                  <div className="h-8 bg-gray-300 rounded-md" />
+                  <div className="h-[2.525rem] bg-gray-300 rounded-md" />
                 </TableCell>
                 <TableCell>
-                  <div className="h-8 bg-gray-300 rounded-md" />
+                  <div className="h-[2.525rem] bg-gray-300 rounded-md" />
                 </TableCell>
               </TableRow>
             ))}