Fixed some padding and height

Author: Hardik500

components/dashboard/src/Pagination/Pagination.tsx

@@ -29,19 +29,19 @@ function Pagination(props: PaginationProps) {
     };
     const getClassnames = (pageNumber: string | number) => {
         if (pageNumber === currentPage) {
-            return "text-gray-500 dark:text-gray-400 h-9 w-8 flex items-center justify-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 bg-gray-100 disabled pointer-events-none";
+            return "font-semibold text-gray-500 dark:text-gray-400 max-h-9 max-w-8 flex items-center justify-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 dark:bg-gray-700 bg-gray-100 disabled pointer-events-none px-3 py-2";
         }
         if (pageNumber === "...") {
-            return "text-gray-500 dark:text-gray-400 h-9 w-8 flex items-center justify-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 disabled pointer-events-none";
+            return "font-semibold text-gray-500 dark:text-gray-400 max-h-9 max-w-8 flex items-center justify-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 disabled pointer-events-none px-3 py-2";
         }
-        return "text-gray-500 dark:text-gray-400 h-9 w-8 flex items-center justify-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer";
+        return "font-semibold text-gray-500 dark:text-gray-400 max-h-9 max-w-8 flex items-center justify-center rounded-md hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer px-3 py-2";
     };
 
     return (
         <nav className="mt-16 mb-16">
             <ul className="flex justify-center items-center space-x-4">
                 <li
-                    className={`font-bold text-gray-300 ${
+                    className={`font-semibold text-gray-300 ${
                         currentPage === 1
                             ? "disabled dark:text-gray-500"
                             : "cursor-pointer dark:text-gray-400 text-gray-500"
@@ -63,7 +63,7 @@ function Pagination(props: PaginationProps) {
                     );
                 })}
                 <li
-                    className={`font-bold text-gray-300 ${
+                    className={`font-semibold text-gray-300 ${
                         currentPage === totalNumberOfPages
                             ? "disabled dark:text-gray-500"
                             : "cursor-pointer dark:text-gray-400 text-gray-500"