added paginate params for KPI list and changed fornt size in paginati…

frontend/src/components/DashboardForm/index.js

@@ -52,7 +52,7 @@ const DashboardForm = ({ setText, setModal, onboarding }) => {
   } = useSelector((state) => state.DashboardHome);
 
   useEffect(() => {
-    dispatch(getAllKpiExplorer());
+    dispatch(getAllKpiExplorer({ paginate: false }));
     if (path[2] === 'edit') {
       dispatch(getEditDashboard({ dashboard_id: dashboardId }));
     } // eslint-disable-next-line react-hooks/exhaustive-deps

frontend/src/components/KpiAlertConfigurationForm/index.jsx

@@ -161,7 +161,7 @@ const KpiAlertConfigurationForm = ({
   }, [kpiAlertEditData]);
 
   const dispatchGetAllKpiExplorer = () => {
-    dispatch(getAllKpiExplorer());
+    dispatch(getAllKpiExplorer({ paginate: false }));
   };
 
   useEffect(() => {

frontend/src/components/Pagination/index.jsx

@@ -123,18 +123,20 @@ const Pagination = ({
             }}>
             {'>'}
           </button>
-          <select
-            className="per-page-select"
-            onChange={handleSelectClick}
-            value={per_page.value}>
-            {per_page_options.map((option, index) => {
-              return (
-                <option key={index} value={option.value}>
-                  {option.label}
-                </option>
-              );
-            })}
-          </select>
+          <div className="select-container">
+            <select
+              className="per-page-select"
+              onChange={handleSelectClick}
+              value={per_page.value}>
+              {per_page_options.map((option, index) => {
+                return (
+                  <option key={index} value={option.value}>
+                    {option.label}
+                  </option>
+                );
+              })}
+            </select>
+          </div>
         </div>
       )}
     </div>

frontend/src/components/Pagination/pagination.scss

@@ -50,13 +50,14 @@
   width: 32px;
   height: 32px;
 }
-.per-page-select {
+.select-container .per-page-select {
   border: 1px solid #e2e2ea;
   box-sizing: border-box;
   border-radius: 8px;
   width: 61px;
   height: 32px;
   background: none;
+  font-size: 14px;
 }
 .per-page-select * {
   background-color: white;

frontend/src/containers/Dashboard/index.jsx

@@ -59,7 +59,7 @@ const Dashboard = () => {
   }, []);
 
   const getAllDashboardSidebar = () => {
-    dispatch(getDashboardSidebar({ dashboard_id: dashboard }));
+    dispatch(getDashboardSidebar({ dashboard_id: dashboard, paginate: false }));
   };
 
   const getAnomalySetting = (id) => {

frontend/src/containers/KpiSetting/index.jsx

@@ -43,9 +43,11 @@ const Kpisetting = ({ onboarding, setModal, setText }) => {
 
   const getAllDashboardSidebar = () => {
     if (dashboardId !== null && dashboardId !== undefined) {
-      dispatch(getDashboardSidebar({ dashboard_id: dashboardId }));
+      dispatch(
+        getDashboardSidebar({ dashboard_id: dashboardId, paginate: false })
+      );
     } else {
-      dispatch(getDashboardSidebar({ dashboard_id: 0 }));
+      dispatch(getDashboardSidebar({ dashboard_id: 0, paginate: false }));
     }
   };