some minor comment added Pendig: 1. Backend optimisation like leaderboard and 2. Responsive for all pages

Author: 5codeman

public/css/user_dashboard.css

@@ -87,3 +87,18 @@ html,body {
   background-color: #d2eaf7;
   color: #233b64;
 }
+
+/* For Responsive
+
+@media only screen and (max-width: 1500px){
+  #form1 {
+    width: 98%;
+    margin: 1%;
+  }
+}
+
+@media only screen and (max-width: 976px){
+  #table {
+    width: 950px;
+  }
+} */

public/js/user_dashboard.js

@@ -137,6 +137,7 @@ async function getAllExpenses() {
 
         for (let i = 1; i <= Total_Pages; i++) {
             const li = document.createElement("li");
+            //Here I make anchor tag, but this is not the best way beacuse anchor tag reload our page. so we have to make a button instead of anchor tag
             const a = document.createElement("a");
 
             li.setAttribute("class", "page-item");