From a24f49fca74d5a988b29444bfde1f7b1c38dbf98 Mon Sep 17 00:00:00 2001
From: philwing100 <philwing100@gmail.com>
Date: Thu, 14 Nov 2024 20:50:04 -0600
Subject: [PATCH] Created api.js and testing of endpoints

---
 launch.json                                  |  12 +
 package-lock.json                            | 388 +++++++++----------
 package.json                                 |   4 +-
 src/api.js                                   |  48 +++
 src/components/ListItems/BooleanSlider.vue   |  26 +-
 src/components/ListItems/DateInput.vue       |  94 +++--
 src/components/ListItems/ListElement.vue     | 246 +++++-------
 src/components/ListItems/MinuteInput.vue     |  47 +--
 src/components/ListItems/TimeInput.vue       |  44 +--
 src/components/SidebarComponents/SideBar.vue |  10 +-
 src/router/accountRoutes.js                  |   7 +-
 src/router/authRoutes.js                     |  15 -
 src/router/generalRoutes.js                  |  12 +
 src/router/index.js                          |  13 +-
 src/store.js                                 |  17 +-
 src/views/Dashboard.vue                      |  52 ++-
 src/views/NotFound.vue                       |  22 ++
 src/views/cssViews/Dashboard.css             |   1 +
 vue.config.js                                |  22 +-
 19 files changed, 539 insertions(+), 541 deletions(-)
 create mode 100644 launch.json
 create mode 100644 src/api.js
 delete mode 100644 src/router/authRoutes.js
 create mode 100644 src/views/NotFound.vue

diff --git a/launch.json b/launch.json
new file mode 100644
index 0000000..613bba4
--- /dev/null
+++ b/launch.json
@@ -0,0 +1,12 @@
+{
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "type": "node",
+        "request": "launch",
+        "name": "Launch Program",
+        
+        "program": "./views/Dashboard.vue" // your main file
+      }
+    ]
+  }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index a201357..5b03ac9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,9 +10,7 @@
       "dependencies": {
         "axios": "^1.7.2",
         "core-js": "^3.8.3",
-        "express-generator": "^4.2.0",
-        "express-validator": "^7.1.0",
-        "nodemailer": "^6.9.13",
+        "js-cookie": "^3.0.5",
         "vue": "^3.4.35",
         "vue-router": "^4.0.3",
         "vuedraggable": "^4.1.0",
@@ -2247,10 +2245,11 @@
       }
     },
     "node_modules/@types/estree": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/express": {
       "version": "4.17.21",
@@ -3396,10 +3395,11 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3407,16 +3407,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/acorn-import-attributes": {
-      "version": "1.9.5",
-      "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
-      "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
-      "dev": true,
-      "license": "MIT",
-      "peerDependencies": {
-        "acorn": "^8"
-      }
-    },
     "node_modules/acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@@ -3704,9 +3694,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
-      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
+      "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
       "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
@@ -3869,10 +3859,11 @@
       "license": "MIT"
     },
     "node_modules/body-parser": {
-      "version": "1.20.2",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
-      "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "bytes": "3.1.2",
         "content-type": "~1.0.5",
@@ -3882,7 +3873,7 @@
         "http-errors": "2.0.0",
         "iconv-lite": "0.4.24",
         "on-finished": "2.4.1",
-        "qs": "6.11.0",
+        "qs": "6.13.0",
         "raw-body": "2.5.2",
         "type-is": "~1.6.18",
         "unpipe": "1.0.0"
@@ -3897,6 +3888,7 @@
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
       "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -3906,6 +3898,7 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "2.0.0"
       }
@@ -3914,7 +3907,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/bonjour-service": {
       "version": "1.2.1",
@@ -3956,9 +3950,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "version": "4.24.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+      "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
       "dev": true,
       "funding": [
         {
@@ -3974,11 +3968,12 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001587",
-        "electron-to-chromium": "^1.4.668",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001669",
+        "electron-to-chromium": "^1.5.41",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.1"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -4091,9 +4086,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001620",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001620.tgz",
-      "integrity": "sha512-WJvYsOjd1/BYUY6SNGUosK9DUidBPDTnOARHp3fSmFO1ekdxaY6nKRttEVrfMmYi80ctS0kz1wiWmm14fVc3ew==",
+      "version": "1.0.30001680",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001680.tgz",
+      "integrity": "sha512-rPQy70G6AGUMnbwS1z6Xg+RkHYPAi18ihs47GH0jcxIG7wArmPgY3XbS2sRdBbxJljp3thdT8BIqv9ccCypiPA==",
       "dev": true,
       "funding": [
         {
@@ -4108,7 +4103,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/case-sensitive-paths-webpack-plugin": {
       "version": "2.4.0",
@@ -4555,6 +4551,7 @@
       "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
       "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -4566,10 +4563,11 @@
       "dev": true
     },
     "node_modules/cookie": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
-      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -5261,6 +5259,7 @@
       "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
       "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -5270,6 +5269,7 @@
       "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
       "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8",
         "npm": "1.2.8000 || >= 1.4.16"
@@ -5430,13 +5430,15 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.776",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.776.tgz",
-      "integrity": "sha512-s694bi3+gUzlliqxjPHpa9NRTlhzTgB34aan+pVKZmOTGy2xoZXl+8E1B8i5p5rtev3PKMK/H4asgNejC+YHNg==",
-      "dev": true
+      "version": "1.5.59",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.59.tgz",
+      "integrity": "sha512-faAXB6+gEbC8FsiRdpOXgOe4snP49YwjiXynEB8Mp7sUx80W5eN+BnnBHJ/F7eIeLzs+QBfDD40bJMm97oEFcw==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
@@ -5454,10 +5456,11 @@
       }
     },
     "node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -5472,9 +5475,9 @@
       }
     },
     "node_modules/enhanced-resolve": {
-      "version": "5.17.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz",
-      "integrity": "sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==",
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5554,10 +5557,11 @@
       "dev": true
     },
     "node_modules/escalade": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
-      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -6216,6 +6220,7 @@
       "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
       "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -6264,37 +6269,38 @@
       }
     },
     "node_modules/express": {
-      "version": "4.19.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
-      "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
+      "version": "4.21.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
+      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "accepts": "~1.3.8",
         "array-flatten": "1.1.1",
-        "body-parser": "1.20.2",
+        "body-parser": "1.20.3",
         "content-disposition": "0.5.4",
         "content-type": "~1.0.4",
-        "cookie": "0.6.0",
+        "cookie": "0.7.1",
         "cookie-signature": "1.0.6",
         "debug": "2.6.9",
         "depd": "2.0.0",
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "etag": "~1.8.1",
-        "finalhandler": "1.2.0",
+        "finalhandler": "1.3.1",
         "fresh": "0.5.2",
         "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.1",
+        "merge-descriptors": "1.0.3",
         "methods": "~1.1.2",
         "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.7",
+        "path-to-regexp": "0.1.10",
         "proxy-addr": "~2.0.7",
-        "qs": "6.11.0",
+        "qs": "6.13.0",
         "range-parser": "~1.2.1",
         "safe-buffer": "5.2.1",
-        "send": "0.18.0",
-        "serve-static": "1.15.0",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
         "setprototypeof": "1.2.0",
         "statuses": "2.0.1",
         "type-is": "~1.6.18",
@@ -6305,45 +6311,6 @@
         "node": ">= 0.10.0"
       }
     },
-    "node_modules/express-generator": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/express-generator/-/express-generator-4.2.0.tgz",
-      "integrity": "sha512-4DugTyjrwl5EhSIxhhcZ59a67xpffFB5wfsIQULWlRzC0iScKu9m6MrgRxUJ4K4Pn5ScBYjMe2q7KC+Zos7p3Q==",
-      "dependencies": {
-        "commander": "1.3.2",
-        "mkdirp": "0.3.5"
-      },
-      "bin": {
-        "express": "bin/express"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/express-generator/node_modules/commander": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-1.3.2.tgz",
-      "integrity": "sha512-uoVVA5dchmxZeTMv2Qsd0vhn/RebJYsWo4all1qtrUL3BBhQFn4AQDF4PL+ZvOeK7gczXKEZaSCyMDMwFBlpBg==",
-      "dependencies": {
-        "keypress": "0.1.x"
-      },
-      "engines": {
-        "node": ">= 0.6.x"
-      }
-    },
-    "node_modules/express-validator": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/express-validator/-/express-validator-7.1.0.tgz",
-      "integrity": "sha512-ePn6NXjHRZiZkwTiU1Rl2hy6aUqmi6Cb4/s8sfUsKH7j2yYl9azSpl8xEHcOj1grzzQ+UBEoLWtE1s6FDxW++g==",
-      "license": "MIT",
-      "dependencies": {
-        "lodash": "^4.17.21",
-        "validator": "~13.12.0"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      }
-    },
     "node_modules/express/node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -6471,13 +6438,14 @@
       }
     },
     "node_modules/finalhandler": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
-      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "on-finished": "2.4.1",
         "parseurl": "~1.3.3",
@@ -6493,6 +6461,7 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "2.0.0"
       }
@@ -6501,7 +6470,8 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/find-cache-dir": {
       "version": "3.3.2",
@@ -6623,6 +6593,7 @@
       "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
       "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -7109,6 +7080,7 @@
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
       "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "depd": "2.0.0",
         "inherits": "2.0.4",
@@ -7142,9 +7114,9 @@
       }
     },
     "node_modules/http-proxy-middleware": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
-      "integrity": "sha512-ya/UeJ6HVBYxrgYotAZo1KvPWlgB48kUJLDePFeneHsVujFaW5WNj2NgWCAE//B1Dl02BIfYlpNgBy8Kf8Rjmw==",
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz",
+      "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -7181,6 +7153,7 @@
       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
       "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3"
       },
@@ -7536,6 +7509,15 @@
         "@sideway/pinpoint": "^2.0.0"
       }
     },
+    "node_modules/js-cookie": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
+      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/js-message": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/js-message/-/js-message-1.0.7.tgz",
@@ -7631,12 +7613,6 @@
         "graceful-fs": "^4.1.6"
       }
     },
-    "node_modules/keypress": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/keypress/-/keypress-0.1.0.tgz",
-      "integrity": "sha512-x0yf9PL/nx9Nw9oLL8ZVErFAk85/lslwEP7Vz7s5SI1ODXZIgit3C5qyWjw4DxOuO/3Hb4866SQh28a1V1d+WA==",
-      "license": "MIT"
-    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -7766,7 +7742,8 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "dev": true
     },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
@@ -8084,6 +8061,7 @@
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -8102,10 +8080,14 @@
       }
     },
     "node_modules/merge-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==",
-      "dev": true
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/merge-source-map": {
       "version": "1.1.0",
@@ -8142,12 +8124,13 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -8159,6 +8142,7 @@
       "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
       "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "mime": "cli.js"
       },
@@ -8321,13 +8305,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/mkdirp": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.3.5.tgz",
-      "integrity": "sha512-8OCq0De/h9ZxseqzCH8Kw/Filf5pF/vMI6+BH7Lu0jXz2pqYCjTAQRolSxRIi+Ax+oCCjlxoJMP0YQ4XlrQNHg==",
-      "deprecated": "Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)",
-      "license": "MIT"
-    },
     "node_modules/module-alias": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/module-alias/-/module-alias-2.2.3.tgz",
@@ -8462,18 +8439,11 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
-      "dev": true
-    },
-    "node_modules/nodemailer": {
-      "version": "6.9.13",
-      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.13.tgz",
-      "integrity": "sha512-7o38Yogx6krdoBf3jCAqnIN4oSQFx+fMa0I7dK1D+me9kBxx12D+/33wSb+fhOCtIxvYJ+4x4IMEhmhCKfAiOA==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/normalize-package-data": {
       "version": "2.5.0",
@@ -8562,10 +8532,14 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "version": "1.13.3",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
+      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
       "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -8609,6 +8583,7 @@
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
       "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ee-first": "1.1.1"
       },
@@ -8963,10 +8938,11 @@
       "dev": true
     },
     "node_modules/path-to-regexp": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
-      "dev": true
+      "version": "0.1.10",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
+      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -8978,9 +8954,9 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "license": "ISC"
     },
     "node_modules/picomatch": {
@@ -9737,12 +9713,13 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.11.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
-      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "side-channel": "^1.0.4"
+        "side-channel": "^1.0.6"
       },
       "engines": {
         "node": ">=0.6"
@@ -9794,6 +9771,7 @@
       "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
       "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "bytes": "3.1.2",
         "http-errors": "2.0.0",
@@ -9809,6 +9787,7 @@
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
       "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -10134,7 +10113,8 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/schema-utils": {
       "version": "2.7.1",
@@ -10185,10 +10165,11 @@
       }
     },
     "node_modules/send": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
-      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "2.6.9",
         "depd": "2.0.0",
@@ -10213,6 +10194,7 @@
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ms": "2.0.0"
       }
@@ -10221,13 +10203,25 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
     },
     "node_modules/send/node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/serialize-javascript": {
       "version": "6.0.2",
@@ -10325,15 +10319,16 @@
       }
     },
     "node_modules/serve-static": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
-      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "encodeurl": "~1.0.2",
+        "encodeurl": "~2.0.0",
         "escape-html": "~1.0.3",
         "parseurl": "~1.3.3",
-        "send": "0.18.0"
+        "send": "0.19.0"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -10360,7 +10355,8 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/shallow-clone": {
       "version": "3.0.1",
@@ -10410,6 +10406,7 @@
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
       "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
@@ -10651,6 +10648,7 @@
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
       "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
@@ -11042,6 +11040,7 @@
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
       "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.6"
       }
@@ -11094,6 +11093,7 @@
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
       "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "media-typer": "0.3.0",
         "mime-types": "~2.1.24"
@@ -11163,14 +11163,15 @@
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
       "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8"
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
       "dev": true,
       "funding": [
         {
@@ -11186,9 +11187,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.0"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -11253,15 +11255,6 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "node_modules/validator": {
-      "version": "13.12.0",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.12.0.tgz",
-      "integrity": "sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
@@ -11623,22 +11616,21 @@
       "dev": true
     },
     "node_modules/webpack": {
-      "version": "5.93.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.93.0.tgz",
-      "integrity": "sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA==",
+      "version": "5.96.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.96.1.tgz",
+      "integrity": "sha512-l2LlBSvVZGhL4ZrPwyr8+37AunkcYj5qh8o6u2/2rzoPc8gxFJkLj1WxNgooi9pnoc06jh0BjuXnamM4qlujZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@types/eslint-scope": "^3.7.3",
-        "@types/estree": "^1.0.5",
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
         "@webassemblyjs/ast": "^1.12.1",
         "@webassemblyjs/wasm-edit": "^1.12.1",
         "@webassemblyjs/wasm-parser": "^1.12.1",
-        "acorn": "^8.7.1",
-        "acorn-import-attributes": "^1.9.5",
-        "browserslist": "^4.21.10",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.0",
+        "enhanced-resolve": "^5.17.1",
         "es-module-lexer": "^1.2.1",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
diff --git a/package.json b/package.json
index 4e0aec0..91e6f95 100644
--- a/package.json
+++ b/package.json
@@ -10,9 +10,7 @@
   "dependencies": {
     "axios": "^1.7.2",
     "core-js": "^3.8.3",
-    "express-generator": "^4.2.0",
-    "express-validator": "^7.1.0",
-    "nodemailer": "^6.9.13",
+    "js-cookie": "^3.0.5",
     "vue": "^3.4.35",
     "vue-router": "^4.0.3",
     "vuedraggable": "^4.1.0",
diff --git a/src/api.js b/src/api.js
new file mode 100644
index 0000000..c029d81
--- /dev/null
+++ b/src/api.js
@@ -0,0 +1,48 @@
+// src/api.js
+import { instance as axios } from './axios'; // Import your configured Axios axios
+import store from './store'; // Import the Vuex store to access sessionId and other state
+
+// API call to create a new list
+export async function createList(listData) {
+  const { sessionId } = store.state;
+
+  console.log(axios);
+
+
+  if (!sessionId) {
+    throw new Error('No session ID found. User may not be authenticated.');
+  }
+
+  try {
+    const response = await axios.post(
+      '/lists/',
+      listData,
+      { headers: { 'Authorization': `Bearer ${sessionId}` } }
+    );
+    return response.data;
+  } catch (error) {
+    console.error('Error creating list:', error);
+    throw error;
+  }
+}
+
+// Example function for other list-related actions
+// Add more functions as needed
+
+export async function deleteList(listId) {
+  const { sessionId } = store.state;
+
+  if (!sessionId) {
+    throw new Error('No session ID found. User may not be authenticated.');
+  }
+
+  try {
+    const response = await axios.delete(`/api/lists/${listId}`, {
+      headers: { 'Authorization': `Bearer ${sessionId}` },
+    });
+    return response.data;
+  } catch (error) {
+    console.error('Error deleting list:', error);
+    throw error;
+  }
+}
diff --git a/src/components/ListItems/BooleanSlider.vue b/src/components/ListItems/BooleanSlider.vue
index 658f64a..5d6501b 100644
--- a/src/components/ListItems/BooleanSlider.vue
+++ b/src/components/ListItems/BooleanSlider.vue
@@ -1,5 +1,10 @@
 <template>
-  <div class="slider-container" tabindex="0" @keydown.left.prevent="moveSlider(false)" @keydown.right.prevent="moveSlider(true)">
+  <div
+    class="slider-container"
+    tabindex="0"
+    @keydown.left.prevent="moveSlider(false)"
+    @keydown.right.prevent="moveSlider(true)"
+  >
     <label class="slider-label">{{ label }}</label>
     <div class="slider" @click="toggleSlider" :aria-checked="isChecked" role="switch">
       <div class="slider-tab" :class="{ 'slider-checked': isChecked }">{{ isChecked ? 'Yes' : 'No' }}</div>
@@ -15,32 +20,32 @@ export default {
       type: String,
       default: 'Yes/No',
     },
-    value: {
+    modelValue: {
       type: Boolean,
       default: false,
     },
   },
   data() {
     return {
-      isChecked: this.value,
+      isChecked: this.modelValue,
     };
   },
   watch: {
-    value(newValue) {
+    modelValue(newValue) {
       this.isChecked = newValue; // Update local state when parent prop changes
     },
   },
   methods: {
     emitSliderChange() {
-      this.$emit('input', this.isChecked); // Emit input event for v-model binding
-      this.$emit('checkbox-toggled', this.isChecked);
+      this.$emit('update:modelValue', this.isChecked); // Emit for v-model binding
+      console.log("toggling");
     },
     toggleSlider() {
       this.isChecked = !this.isChecked;
       this.emitSliderChange(); // Emit the change
-      console.log('toggled');
     },
     moveSlider(direction) {
+      // True for right arrow (Yes), false for left arrow (No)
       if (direction && !this.isChecked) {
         this.isChecked = true;
       } else if (!direction && this.isChecked) {
@@ -50,19 +55,18 @@ export default {
     },
   },
   mounted() {
-    this.isChecked = this.value; // Set initial state based on prop value
-  },
+    this.isChecked = this.modelValue; // Set initial state based on prop value
+  }
 };
 </script>
 
-
 <style scoped>
 .slider-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   cursor: pointer;
-  outline: none; /* Remove the default browser outline */
+  outline: none;
 }
 
 .slider-label {
diff --git a/src/components/ListItems/DateInput.vue b/src/components/ListItems/DateInput.vue
index d6bf147..75dbbcb 100644
--- a/src/components/ListItems/DateInput.vue
+++ b/src/components/ListItems/DateInput.vue
@@ -1,12 +1,6 @@
 <template>
   <div class="date-picker">
-    <input
-      type="text"
-      v-model="formattedDate"
-      @focus="showCalendar"
-      class="date-input"
-      readonly
-    />
+    <input type="text" v-model="formattedDate" @focus="showCalendar" class="date-input" readonly />
     <div v-if="isCalendarVisible" class="calendar">
       <div class="calendar-header">
         <button @click="prevMonth">&lt;</button>
@@ -15,28 +9,21 @@
       </div>
       <div class="calendar-grid">
         <div class="day" v-for="(day, index) in weekDays" :key="index">{{ day }}</div>
-        <div
-          v-for="date in displayedDates"
-          :key="date.dateString"
-          class="day"
-          :class="{ 'hover': date.isHover, 'selected': date.isSelected }"
-          @mouseover="hoverDate(date.dateString)"
-          @mouseleave="clearHover"
-          @click="selectDate(date.dateString)"
-        >
+        <div v-for="date in displayedDates" :key="date.dateString" class="day"
+          :class="{ 'hover': date.isHover, 'selected': date.isSelected }" @mouseover="hoverDate(date.dateString)"
+          @mouseleave="clearHover" @click="selectDate(date.dateString)">
           {{ date.day }}
         </div>
       </div>
     </div>
   </div>
 </template>
-
 <script>
 export default {
   props: {
-    initialDate: {
+    modelValue: {
       type: String,
-      default: () => new Date().toISOString().split('T')[0], // Default to today
+      default: null,
     },
   },
   data() {
@@ -44,14 +31,13 @@ export default {
       isCalendarVisible: false,
       currentYear: new Date().getFullYear(),
       currentMonth: new Date().getMonth(),
-      selectedDate: null,
+      selectedDate: this.modelValue,
       hoveredDate: null,
     };
   },
   computed: {
     formattedDate() {
-      // Display the selected date directly without modification
-      return this.hoveredDate || this.formatDate((this.incrementDate(this.selectedDate)));
+      return this.hoveredDate || this.formatDate(this.incrementDate(this.selectedDate));
     },
     monthNames() {
       return [
@@ -74,7 +60,12 @@ export default {
 
       // Fill in the days of the month
       for (let day = 1; day <= lastDayOfMonth.getDate(); day++) {
-        const dateString = new Date(this.currentYear, this.currentMonth, day).toISOString().split('T')[0];
+        const date = new Date(this.currentYear, this.currentMonth, day);
+
+        // Format date as YYYY-MM-DD in local time, without timezone offset
+        const dateString = date.getFullYear() +
+          '-' + String(date.getMonth() + 1).padStart(2, '0') +
+          '-' + String(date.getDate()).padStart(2, '0');
 
         dates.push({
           day,
@@ -86,33 +77,28 @@ export default {
 
       return dates;
     },
-    logDefaultDate() {
-      // Computed property to log the current selected date (for debugging purposes)
-      console.log('Default Date:', this.selectedDate);
-      return this.selectedDate;
-    }
   },
   methods: {
     formatDate(date) {
       const options = { year: 'numeric', month: 'short', day: 'numeric' };
-      return new Date(date).toLocaleDateString(undefined, options);
+      return date ? new Date(date).toLocaleDateString(undefined, options) : '';
     },
     showCalendar() {
       this.isCalendarVisible = true;
     },
     hoverDate(dateString) {
-      this.hoveredDate = dateString; // Set the hovered date
+      this.hoveredDate = dateString;
     },
     clearHover() {
-      this.hoveredDate = null; // Clear the hover state
+      this.hoveredDate = null;
     },
     selectDate(dateString) {
-      this.selectedDate = dateString; // Set the selected date
-      this.hoveredDate = null; // Clear hover state
-      this.isCalendarVisible = false; // Hide calendar after selection
+      this.selectedDate = dateString;
+      this.hoveredDate = null;
+      this.isCalendarVisible = false;
 
-      this.$emit('date-selected', this.selectedDate); // Emit the selected date to the parent
-      this.$emit('update:initialDate', this.selectedDate); // Sync with the parent
+      // Emit the update to synchronize with the parent component's v-model
+      this.$emit('update:modelValue', this.selectedDate);
     },
     prevMonth() {
       if (this.currentMonth === 0) {
@@ -130,29 +116,39 @@ export default {
         this.currentMonth++;
       }
     },
+    getCurrentDate() {
+      const today = new Date();
+      const year = today.getFullYear();
+      const month = String(today.getMonth() + 1).padStart(2, '0');
+      const day = String(today.getDate()).padStart(2, '0');
+
+      // Return formatted date as YYYY-MM-DD in local time without timezone adjustments
+      return `${year}-${month}-${day}`;
+    },
     incrementDate(dateString) {
-      const date = new Date(dateString);
+      let date;
+
+      // Check if dateString is null or undefined, use current date if so
+      if (!dateString) {
+        date = new Date(this.getCurrentDate()); // Convert the current date string to a Date object
+      } else {
+        date = new Date(dateString); // Convert the provided dateString to a Date object
+      }
+
       date.setDate(date.getDate() + 1); // Increment the date by 1
       return date.toISOString().split('T')[0]; // Return the incremented date as a string in YYYY-MM-DD format
-    },
+    }
   },
   watch: {
-    initialDate(newValue) {
-      this.selectedDate = newValue;
-      const date = new Date(newValue);
-      this.currentYear = date.getFullYear();
-      this.currentMonth = date.getMonth();
+    modelValue(newValue) {
+      this.selectedDate = newValue; // Update internal date when parent model changes
     },
   },
-  mounted() {
-    const date = new Date();
-      date.setDate(date.getDate()); 
-      this.selectedDate = date.toISOString().split('T')[0];
-    console.log('Component mounted with default date:', this.selectedDate); // Log the default date when component is mounted
-  },
 };
 </script>
 
+
+
 <style scoped>
 .date-picker {
   position: relative;
diff --git a/src/components/ListItems/ListElement.vue b/src/components/ListItems/ListElement.vue
index 248c813..7f7af95 100644
--- a/src/components/ListItems/ListElement.vue
+++ b/src/components/ListItems/ListElement.vue
@@ -4,8 +4,8 @@
 
   <div class="template-container">
     <div class="input-grid">
-      <div class='title' @blur="updateTitle" :contenteditable="parentPage !== 'dashboard'" ref="titleInput"
-        @keydown.enter.prevent="" spellcheck="false">
+      <div class='title' :contenteditable="parentPage !== 'dashboard'" ref="titleInput" @keydown.enter.prevent=""
+        spellcheck="false">
         {{ title }}
       </div>
 
@@ -15,20 +15,20 @@
 
       <i class="fa-solid fa-gear add-button settings" @click="taskListSettingsPopUp"></i>
       <div class="boolean-slider">
-        <BooleanSlider v-model="scheduledCheckbox" label="Scheduled Time?" @checkbox-toggled="handlescheduledToggled"
-          :value="scheduledCheckbox" />
-        <DateInput v-if="scheduledCheckbox" @date-selected="handleDateChange" :initialDate="scheduledDate" />
-        <TimeInput v-if="scheduledCheckbox" @time-changed="handleTimeChange" :initialDateTime="scheduledTime" />
-        <MinuteInput v-if="scheduledCheckbox" :initialMinutes="taskTimeEstimate" :key="taskTimeEstimate"
-          @time-selected="handleUpdateTimeEstimate" />
+        <BooleanSlider v-model="itemsArray[selectedItemIndex].scheduledCheckbox" label="Scheduled Time?" />
+        <DateInput v-if="itemsArray[selectedItemIndex].scheduledCheckbox"
+          v-model="itemsArray[selectedItemIndex].scheduledDate" />
+        <TimeInput v-if="itemsArray[selectedItemIndex].scheduledCheckbox"
+          v-model="itemsArray[selectedItemIndex].scheduledTime" />
+        <MinuteInput v-if="itemsArray[selectedItemIndex].scheduledCheckbox"
+          v-model="itemsArray[selectedItemIndex].taskTimeEstimate" />
       </div>
-      <BooleanSlider label="Recurring Task" @checkbox-toggled="handleRecurringTask" :value="recurringTask" />
-      <div v-if="recurringTask">Recurring task frequency (days of the week popup)</div>
-      <div v-if="recurringTask">Recurring task end date</div>
+      <BooleanSlider v-model="itemsArray[selectedItemIndex].recurringTask" label="Recurring Task" />
+      <div v-if="itemsArray[selectedItemIndex].recurringTask">Recurring task frequency (days of the week popup)</div>
+      <div v-if="itemsArray[selectedItemIndex].recurringTask">Recurring task end date</div>
       <!--<div v-if="pageIsNotDashboard">List type display</div>-->
-      <BooleanSlider v-model="dueDateCheckbox" label="Due Day?" @checkbox-toggled="handleDueCheckbox"
-        :value="dueDateCheckbox" />
-      <DateInput v-if="dueDateCheckbox" @date-selected="handleDueDateChange" :initialDate="dueDate" />
+      <BooleanSlider v-model="itemsArray[selectedItemIndex].dueDateCheckbox" label="Due Day?" />
+      <DateInput v-if="itemsArray[selectedItemIndex].dueDateCheckbox" v-model="itemsArray[selectedItemIndex].dueDate" />
       <button v-if="debugMode" @click="clearStorage">clearStorage</button>
     </div>
     <div class="ListContainer">
@@ -68,7 +68,10 @@ import BooleanSlider from './BooleanSlider.vue';
 import CheckBoxOneWay from './CheckboxOneWay.vue';
 import TimeInput from './TimeInput.vue';
 import MinuteInput from './MinuteInput.vue';
+import { createList } from '../../api.js';
 import './ListElement.css';
+
+
 export default {
   name: 'ListElement',
   props: {
@@ -79,11 +82,12 @@ export default {
   },
   data() {
     return {
-      title: this.listName,
+      //All of these need defaults or some kind of computed properties as defaults maybe
+      title: "Title", //this.listName,
       listType: null,
+      listDescription: "",
       parentPage: 'dashboard',
       itemsArray: [],
-      titlesArray: [],
       completedItemsArray: [],
       recurringTasksArray: [],
       selectedItemIndex: 0,
@@ -94,13 +98,13 @@ export default {
       textString: '',
       listOrigin: '',
       scheduledCheckbox: false,
-      scheduledDate: null,
-      scheduledTime: null,
+      scheduledDate: "",
+      scheduledTime: "",
       timeEstimate: 30,
       recurringTask: false,
-      recurringTaskEndDate: null,
+      recurringTaskEndDate: 0,
       dueDateCheckbox: false,
-      dueDate: null,
+      dueDate: 0,
 
       defaultscheduledCheckbox: false,
       defaultscheduledDate: null,
@@ -113,8 +117,6 @@ export default {
     };
   },
   created() {
-    // Call a method to load initial data
-    //this.clearStorage();
     this.loadInitialData();
   },
   components: {
@@ -126,100 +128,27 @@ export default {
   },
   computed: {
 
-  },
-  watch: {
-    initialMinutes(newValue) {
-      if (newValue > 0) {
-        handleUpdateTimeEstimate(newValue);
-      }
-    },
-    initialDate(newDate) {
-      handleDateChange(newDate); // Update the selected date when prop changes
-    },
-    initialDateTime(newDateTime) {
-      handleTimeChange(newDateTime); // Update the selected date when prop changes
-    },
-    scheduledToggled(scheduledCheckbox) {
-      handlescheduledToggled();
-    },
-    dueDateCheckToggled() {
-      handleDueCheckbox();
-    },
-    dueDateChange(dueDate) {
-      handleDueDateChange(dueDate);
-    }
-
   },
   methods: {
-    loadInitialData() {
-      const storedTitle = localStorage.getItem('title');
-      if (storedTitle) {
-        console.log(title);
-        this.title = storedTitle;
-      }
+    saveEditableText(index, event) {
+      let newText = event.target.innerText;
 
-      const storedItemsArray = localStorage.getItem(this.title);
-      if (storedItemsArray) {
-        this.itemsArray = JSON.parse(storedItemsArray);
-      }
 
-      const storedTitlesArray = localStorage.getItem('titlesArray');
-      if (storedTitlesArray) {
-        this.titlesArray = JSON.parse(storedTitlesArray);
+      //Limit text length to 500 chars as validation
+      if (newText.length > 500) {
+        newText = newText.substring(0, 500);
+        console.log("over 2 chars");
       }
+      event.target.innerText = newText;
+      this.itemsArray[index].textString = newText;
 
-      // Ensure itemsArray has at least one valid item
-      if (!this.itemsArray || this.itemsArray.length === 0) {
-        this.itemsArray.push(this.createNewItem('')); // Initialize with an empty item
-      }
-    },
-    handleDateChange(date) {
-      this.scheduledDate = date; // Update the parent component's selectedDate
-      this.itemsArray[this.selectedItemIndex].scheduledDate = date;
-    },
-    handlescheduledToggled() {
-      this.scheduledCheckbox = !this.scheduledCheckbox;
-      this.itemsArray[this.selectedItemIndex].scheduledCheckbox = this.scheduledCheckbox; // Update the checkbox state in the items array
-    },
-    handleRecurringTask() {
-      this.recurringTask = !this.recurringTask;
-      this.itemsArray[this.selectedItemIndex].recurringTask = this.recurringTask; // Update the recurring task state in the items array
-    },
-
-    handleTimeChange(time) {
-      this.scheduledTime = time;
-      this.itemsArray[this.selectedItemIndex].scheduledTime = time; // Update the time in the items array
-    },
+      const range = document.createRange();
+      const sel = window.getSelection();
+      range.setStart(event.target.childNodes[0], this.itemsArray[index].textString.length);
+      range.collapse(true);
+      sel.removeAllRanges();
+      sel.addRange(range);
 
-    handleUpdateTimeEstimate(newMinutes) {
-      this.taskTimeEstimate = newMinutes;
-      this.itemsArray[this.selectedItemIndex].taskTimeEstimate = newMinutes;
-    },
-    handleDueCheckbox() {
-      this.dueDateCheckbox = !this.dueDateCheckbox;
-      console.log(this.dueDateCheckbox);
-      this.itemsArray[this.selectedItemIndex].dueDateCheckbox = this.dueDateCheckbox;
-    },
-    saveEditableText(index, event) {
-      this.itemsArray[index].textString = event.target.innerText;
-      this.saveList(); // Persist changes immediately
-    },
-    handleDueDateChange(dueDate) {
-      this.dueDate = dueDate;
-      this.itemsArray[this.selectedItemIndex].dueDate = dueDate; // Update the time in the items array
-    },
-    swapItemValues(index) {
-      const item = this.itemsArray[index];
-
-      // Ensure all the required fields are swapped properly
-      this.scheduledDate = item.scheduledDate ?? this.defaultscheduledDate;
-      this.scheduledTime = item.scheduledTime ?? this.defaultscheduledTime;
-      this.scheduledCheckbox = item.scheduledCheckbox ?? this.defaultscheduledCheckbox;
-      //console.log(this.scheduledCheckbox);
-      this.recurringTask = item.recurringTask ?? this.defaultRecurringTask;
-      this.taskTimeEstimate = item.taskTimeEstimate ?? this.defaultTaskTimeEstimate;
-      this.dueDateCheckbox = item.dueDateCheckbox ?? this.defaultDueDateCheckbox;
-      this.dueDate = item.dueDate ?? this.defaultDueDate;
       this.saveList();
     },
     completeItem(index) {
@@ -228,49 +157,50 @@ export default {
       }
       this.removeItemByIndex(index);
     },
-    updateTitle() {
-      //Deprecated method.
-
-      this.saveList();//Save the current list items to the title before changing the title
-      const titleElement = this.$refs.titleInput.innerText;
-      this.title = titleElement;
-      let flag = true;
-      this.createNewItem();
-      if (this.titlesArray.length !== 0) {
-        for (let i = 0; i < this.titlesArray.length; i++) {
-          if (this.titlesArray[i] === this.title) {
-            flag = false;
-          }
-        }
-      }
-      if (flag) {
-        this.titlesArray.push(this.title);
-        this.saveTitlesArray();
-      }
-      localStorage.setItem('title', this.title);
-      let textStrings = localStorage.getItem(this.title)
-      this.itemsArray = JSON.parse(textStrings);
-    },
     saveList() {
-      //localStorage.setItem(this.title, JSON.stringify(this.itemsArray));
-      //localStorage.setItem(this.title) needs to retrieve previous items
-      this.emitTaskUpdates();
+      //Need to add some debounce time 750 ms to only call the api once every 3/4s second and not spam the backend.
+    },
+    newList() {
+      const listData = {
+        list_title: this.title,
+        list_description: this.listDescription,
+        list_items: JSON.stringify([
+          {
+            item_description: "Example item",
+            item_duration: 30,
+            recurring_item: false,
+          },
+        ]),
+      }; // Close listData object
+
+      createList(listData)
+        .then((response) => {
+          console.log('Created list:', response);
+        })
+        .catch((error) => {
+          console.error('Failed to create list:', error);
+        });
     },
-    emitTaskUpdates() {
-      this.$emit('update-tasks', {
-        currentTasks: this.itemsArray,
-        completedTasks: this.completedItemsArray,
-      });
+    deleteList() {
+
     },
-    saveTitlesArray() {
-      localStorage.setItem('titlesArray', JSON.stringify(this.titlesArray));
+    loadInitialData() {
+      //Ensure there is always at least one empty item.
+      if (!this.itemsArray || this.itemsArray.length === 0) {
+        this.itemsArray.push(this.createNewItem(''));
+      }
+
+      this.newList();
+      //Call api get and load initial list
+
     },
     loadDefaultItemValues() {
-      //future makes api call to get this user's default values
+      //future makes api call to get this user's default values 
+      
     },
     createNewItem(text) {
       return {
-        textString: text,
+        textString: "",
         scheduledCheckbox: false,
         scheduledDate: null,
         scheduledTime: null,
@@ -285,13 +215,13 @@ export default {
     createItemWithExistingValues(text) {
       return {
 
-        //These could all instead be replaced with 
+        //Will be replaced eventually
         textString: text,
         scheduledCheckbox: this.scheduledCheckbox,
         scheduledDate: this.scheduledDate,
         scheduledTime: this.scheduledTime,
         taskTimeEstimate: this.taskTimeEstimate,
-        recurringTask: this.recurringTask,
+        recurringTask: false,
         recurringTaskEndDate: this.recurringTaskEndDate,
         addToCalendarCheckbox: this.addToCalendarCheckbox,
         dueDateCheckbox: this.dueDateCheckbox,
@@ -311,7 +241,6 @@ export default {
     },
     drop(index) {
       const draggedItem = this.itemsArray[this.draggedIndex];
-      this.swapItemValues(index);
       this.itemsArray.splice(this.draggedIndex, 1);
       this.itemsArray.splice(index, 0, draggedItem);
       this.draggedIndex = null;
@@ -329,7 +258,6 @@ export default {
       this.addToCalendarCheckbox = this.itemsArray[index];
     },*/
     focusEditable(index, position = null) {
-      this.swapItemValues(index); // Now swap the new values
       this.selectedItemIndex = index;
 
       this.$nextTick(() => {
@@ -360,20 +288,26 @@ export default {
     },
     handleBackspace(index, event) {
       if (window.getSelection().anchorOffset === 0 && index > 0) {
+        event.preventDefault();
 
         const currentText = event.target.innerText;
         const previousText = this.itemsArray[index - 1].textString;
-        const newText = previousText + currentText;
+        const combinedText = previousText + currentText;
 
-        this.itemsArray.splice(index - 1, 1, this.createItemWithExistingValues(newText));
+        // Update the previous item with the combined text
+        this.itemsArray.splice(index - 1, 1, this.createItemWithExistingValues(combinedText));
+
+        // Remove the current item from itemsArray
         this.itemsArray.splice(index, 1);
 
+        // Update selectedItemIndex to focus on the previous item
+        this.selectedItemIndex = index - 1;
+
         this.$nextTick(() => {
-          const previousElement = this.$refs.itemSpan[index - 1];
+          // Set focus to the previous item and place the caret at the end of the combined text
+          const previousElement = this.$refs.itemSpan[this.selectedItemIndex];
           if (previousElement) {
-            previousElement.focus();
-            this.setCaretPosition(previousElement, previousText.length);
-            this.removeItem();
+            this.focusEditable(this.selectedItemIndex, previousText.length);
           }
           this.saveList();
         });
@@ -418,7 +352,6 @@ export default {
     removeItem() {
       this.itemsArray.splice(this.selectedItemIndex, 1);
 
-      // Ensure at least one empty item remains
       if (this.itemsArray.length === 0) {
         this.itemsArray.push(this.createNewItem('')); // Add an empty item as a base case
       }
@@ -470,8 +403,7 @@ export default {
     },
     clearStorage() {
       localStorage.clear();
-      this.title = 'Daily List'
-      this.itemsArray = this.titlesArray = [];
+      this.itemsArray = [];
       this.textString = '';
       this.loadInitialData();
     },
diff --git a/src/components/ListItems/MinuteInput.vue b/src/components/ListItems/MinuteInput.vue
index 814be73..2f8c807 100644
--- a/src/components/ListItems/MinuteInput.vue
+++ b/src/components/ListItems/MinuteInput.vue
@@ -2,7 +2,7 @@
   <div class="minute-input">
     <input
       type="text"
-      v-model="minutes"
+      :value="minutes"
       @input="validateInput"
       @keypress="restrictToNumbers"
       @focus="showTooltip"
@@ -16,42 +16,39 @@
 <script>
 export default {
   props: {
-    initialMinutes: {
+    modelValue: {
       type: String,
       default: '',
     },
   },
   data() {
     return {
-      minutes: this.initialMinutes, // Holds the minute value
-      tooltipVisible: false, // Controls tooltip visibility
+      minutes: this.modelValue, // Bind to modelValue instead of initialMinutes
+      tooltipVisible: false,
     };
   },
   methods: {
-    // Method to ensure input contains only valid numbers
-    validateInput() {
-      // Ensure that only valid numbers are input
-      const num = Number(this.minutes);
-      
-      // If the input is not a valid number or is less than or equal to 0, reset it
+    validateInput(event) {
+      const num = Number(event.target.value);
+
       if (isNaN(num) || num <= 0) {
         this.minutes = ''; // Reset to empty if invalid
       } else {
         this.minutes = num; // Set valid number as minutes
       }
-      this.$emit('time-selected', this.minutes); // Emit the selected minutes to the parent component
+
+      // Emit update:modelValue to enable two-way binding
+      this.$emit('update:modelValue', String(this.minutes));
+      console.log(this.minutes);
     },
-    
-    // Restrict input to numbers only in real-time
+
     restrictToNumbers(event) {
       const key = event.key;
-      // Allow only numeric characters and prevent any others from being typed
       if (!/[0-9]/.test(key)) {
         event.preventDefault();
       }
     },
-    
-    // Tooltip visibility management
+
     showTooltip() {
       if (this.minutes <= 0) {
         this.tooltipVisible = true;
@@ -62,17 +59,11 @@ export default {
     },
   },
   watch: {
-    // Update minutes if the parent passes a new initialMinutes value
-    initialMinutes(newValue) {
-      if (newValue > 0) {
-        this.minutes = newValue;
-      }
+    // Sync minutes if modelValue changes externally (e.g., from the parent)
+    modelValue(newValue) {
+      this.minutes = newValue;
     },
   },
-  mounted() {
-    // Emit the initial value when the component is mounted
-    this.$emit('time-selected', this.minutes);
-  },
 };
 </script>
 
@@ -89,17 +80,17 @@ export default {
   padding: 8px;
   width: 90%;
   cursor: text;
-  -moz-appearance: textfield; /* Remove number input styling */
+  -moz-appearance: textfield;
 }
 
 .minute-input-field::-webkit-inner-spin-button,
 .minute-input-field::-webkit-outer-spin-button {
-  display: none; /* Hide the spin buttons in Chrome */
+  display: none;
 }
 
 .tooltip {
   position: absolute;
-  top: 40px; /* Adjust based on layout */
+  top: 40px;
   left: 0;
   background-color: #ffcc00;
   color: #000;
diff --git a/src/components/ListItems/TimeInput.vue b/src/components/ListItems/TimeInput.vue
index 710203a..167ad75 100644
--- a/src/components/ListItems/TimeInput.vue
+++ b/src/components/ListItems/TimeInput.vue
@@ -32,7 +32,7 @@
 <script>
 export default {
   props: {
-    initialTime: {
+    modelValue: {
       type: String,
       default: null,
     },
@@ -40,7 +40,7 @@ export default {
   data() {
     return {
       isDropdownVisible: false,
-      selectedTime: this.initialTime || this.getNearestTime(),
+      selectedTime: this.modelValue || this.getNearestTime(),
       formattedTime: '',
       highlightedIndex: 0, // Track the currently highlighted index
     };
@@ -50,7 +50,7 @@ export default {
       const times = [];
       for (let i = 0; i < 24; i++) {
         for (let j = 0; j < 60; j += 30) {
-          const hour = i === 0 ? 12 : i > 12 ? i - 12 : i; // Format 24-hour to 12-hour
+          const hour = i === 0 ? 12 : i > 12 ? i - 12 : i;
           const period = i < 12 ? 'am' : 'pm';
           const formattedTime = `${hour}:${String(j).padStart(2, '0')}${period}`;
           times.push(formattedTime);
@@ -77,7 +77,6 @@ export default {
       const minute = parseInt(minutePart);
       const period = minutePart.slice(-2);
       const formattedHour = period === 'am' ? (hour === '12' ? 0 : parseInt(hour)) : (hour === '12' ? 12 : parseInt(hour) + 12);
-      
       const now = new Date();
       return new Date(now.getFullYear(), now.getMonth(), now.getDate(), formattedHour, minute) > now;
     },
@@ -87,33 +86,33 @@ export default {
       this.$nextTick(() => {
         const dropdown = this.$el.querySelector('.time-dropdown');
         if (dropdown) {
-          dropdown.scrollTop = this.highlightedIndex * dropdown.children[0].offsetHeight; // Scroll to the highlighted index
+          dropdown.scrollTop = this.highlightedIndex * dropdown.children[0].offsetHeight;
         }
       });
     },
     onInputChange(event) {
-      this.formattedTime = event.target.value; // Allow user to type a time
+      this.formattedTime = event.target.value;
     },
     handleBlur() {
       if (this.isValidTime(this.formattedTime)) {
-        this.selectedTime = this.formattedTime; // Update selected time if valid
+        this.selectedTime = this.formattedTime;
       } else {
-        this.formattedTime = this.selectedTime; // Revert to last valid time
+        this.formattedTime = this.selectedTime;
       }
-      this.isDropdownVisible = false; // Hide dropdown on blur
-      this.$emit('time-selected', this.selectedTime); // Emit the selected time
+      this.isDropdownVisible = false;
+      this.updateParent(); // Update parent with the selected time
     },
     isValidTime(timeString) {
-      const timeRegex = /^(0?[1-9]|1[0-2]):([0-5][0-9])(am|pm)$/; // Regex for validating time format
+      const timeRegex = /^(0?[1-9]|1[0-2]):([0-5][0-9])(am|pm)$/;
       return timeRegex.test(timeString);
     },
     selectTime(time) {
-      this.selectedTime = time; // Set the selected time
-      this.formattedTime = time; // Update input with selected time
-      this.isDropdownVisible = false; // Hide dropdown after selection
-      this.$emit('time-selected', this.selectedTime); // Emit the selected time
+      this.selectedTime = time;
+      this.formattedTime = time;
+      this.isDropdownVisible = false;
+      this.updateParent(); // Update parent when a time is selected
       this.$nextTick(() => {
-        this.$refs.timeInput.focus(); // Refocus the input after selection
+        this.$refs.timeInput.focus();
       });
     },
     navigateDown() {
@@ -132,17 +131,18 @@ export default {
         this.selectTime(time);
       }
     },
+    updateParent() {
+      this.$emit('update:modelValue', this.selectedTime); // Emit to update v-model in parent
+    },
   },
   watch: {
-    initialTime(newTime) {
-      if (this.isValidTime(newTime)) {
-        this.selectedTime = newTime;
-        this.formattedTime = newTime;
-      }
+    modelValue(newValue) {
+      this.selectedTime = newValue;
+      this.formattedTime = newValue;
     },
   },
   mounted() {
-    this.formattedTime = this.selectedTime; // Initialize with the nearest valid time
+    this.formattedTime = this.selectedTime;
   },
 };
 </script>
diff --git a/src/components/SidebarComponents/SideBar.vue b/src/components/SidebarComponents/SideBar.vue
index 9459e65..1f7debe 100644
--- a/src/components/SidebarComponents/SideBar.vue
+++ b/src/components/SidebarComponents/SideBar.vue
@@ -26,11 +26,11 @@ export default {
   setup() {
     const routes = [
       { path: '/', label: 'Dashboard' },
-      { path: '/Lists', label: 'Lists' },
-      { path: '/Learn', label: 'Learn' },
-      { path: '/Type', label: 'Type' },
-      { path: '/About-me', label: 'About Me' },
-      { path: '/Settings', label: 'Settings' },
+     // { path: '/Lists', label: 'Lists' },
+     // { path: '/Learn', label: 'Learn' },
+     // { path: '/Type', label: 'Type' },
+     // { path: '/About-me', label: 'About Me' },
+    //  { path: '/Settings', label: 'Settings' },
       { path: '/Login', label: 'Login' },
     ];
 
diff --git a/src/router/accountRoutes.js b/src/router/accountRoutes.js
index 171a070..5e84bea 100644
--- a/src/router/accountRoutes.js
+++ b/src/router/accountRoutes.js
@@ -7,10 +7,5 @@ export default [
     path: '/login',
     name: 'Login',
     component: Login,
-  },
-  {
-    path: '/signup',
-    name: 'SignUp',
-    component: SignUp,
-  },
+  }
 ];
diff --git a/src/router/authRoutes.js b/src/router/authRoutes.js
deleted file mode 100644
index 624ddf8..0000000
--- a/src/router/authRoutes.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import Login from '../views/Login.vue';
-import SignUp from '../views/SignUp.vue';
-
-export default [
-  {
-    path: '/login',
-    name: 'Login',
-    component: Login,
-  },
-  {
-    path: '/signup',
-    name: 'SignUp',
-    component: SignUp,
-  },
-];
diff --git a/src/router/generalRoutes.js b/src/router/generalRoutes.js
index c568a1c..e5990ef 100644
--- a/src/router/generalRoutes.js
+++ b/src/router/generalRoutes.js
@@ -2,6 +2,8 @@
 import AboutMe from '@/views/AboutMe.vue';
 import Learn from '@/views/Learn.vue';
 import Type from '@/views/Type.vue';
+import Lists from '@/views/Lists.vue';
+import Settings from '@/views/Settings.vue';
 
 export default [
   {
@@ -18,5 +20,15 @@ export default [
     path: '/type',
     name: 'Type',
     component: Type
+  },
+  {
+    path: '/Lists',
+    name: 'Lists',
+    component: Lists
+  },
+  {
+    path: '/Settings',
+    name: 'Settings',
+    component: Settings
   }
 ];
diff --git a/src/router/index.js b/src/router/index.js
index e756e86..a917de4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -5,13 +5,22 @@ import store from '@/store'; // Vuex store for authentication state
 // Import route groups
 import dashboardRoutes from './dashboardRoutes';
 import accountRoutes from './accountRoutes';
-import generalRoutes from './generalRoutes';
+//import generalRoutes from './generalRoutes';
+
+// Import the NotFound component
+import NotFound from '@/views/NotFound.vue';
 
 // Combine routes
 const routes = [
   ...dashboardRoutes,
   ...accountRoutes,
-  ...generalRoutes
+  //...generalRoutes,
+  // Catch-all route for 404 page
+  {
+    path: '/:pathMatch(.*)*',
+    name: 'NotFound',
+    component: NotFound,
+  },
 ];
 
 const router = createRouter({
diff --git a/src/store.js b/src/store.js
index 4c6dbbb..7e7733f 100644
--- a/src/store.js
+++ b/src/store.js
@@ -1,10 +1,12 @@
 import { createStore } from 'vuex';
-import { instance as axios } from './axios'; // Import the axios instance
+import { instance as axios } from './axios';
+import Cookies from 'js-cookie'; // Import js-cookie for cookie management
 
 const store = createStore({
   state: {
     user: null,
     isAuthenticated: false,
+    sessionId: null, // Store the session ID here
   },
   mutations: {
     SET_USER(state, user) {
@@ -16,14 +18,23 @@ const store = createStore({
       console.log('User logged out');
       state.user = null;
       state.isAuthenticated = false;
+      state.sessionId = null;
+    },
+    SET_SESSION_ID(state, sessionId) {
+      state.sessionId = sessionId;
     },
   },
   actions: {
     async checkAuth({ commit }) {
       try {
-        console.log('Checking authentication with axios instance:', axios);
-        const response = await axios.get('/auth/check-auth'); // Axios will use the baseURL from axios.js
+        const response = await axios.get('/auth/check-auth');
         commit('SET_USER', response.data.user);
+        // Retrieve and commit the session ID from the cookie if available
+        const sessionId = Cookies.get('sessionId');
+        console.log(sessionId);
+        if (sessionId) {
+          commit('SET_SESSION_ID', sessionId);
+        }
       } catch (error) {
         console.error('Not authenticated:', error);
         commit('LOGOUT');
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 6279ac5..778e86d 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -2,41 +2,37 @@
   <div>
     <!-- Top row: Hero text and navigation buttons -->
     <div class="top-row" :style="{ 'background-color': colors.sideBar }">
-      <div class="heroText" :style="{ 'background-color': colors.sidebar }">10/4/2024 9:05</div>
       <div class="button-container">
-        <div class="bigButton" id="previousDay" :style="{ 'background-color': colors.background }">Previous Day</div>
+        <div class="bigButton" id="previousDay" @click="decrementDay" :style="{ 'background-color': colors.background }">Previous Day</div>
+        <!--<DateInput  @date-selected="handleDueDateChange" :initialDate="currentDate"/>-->
         <div class="bigButton" id="nextDay" :style="{ 'background-color': colors.background }">Next Day</div>
       </div>
     </div>
 
     <div class="page-container" :style="{ 'background-color': colors.background }">
       <div class="lists-container">
-        <ListElement listName="All Tasks" @update-tasks="handleTaskUpdates"/>
-        <ListElement listName="Daily List" @update-tasks="handleTaskUpdates"/>
+        <ListElement listName="Backburner"/>
+        <ListElement listName="Daily List"/>
       </div>
-
-        <DailyCalendar
-          :completed-all-tasks="completedAllTasks"
-          :pending-all-tasks="pendingAllTasks"
-          :completed-daily-list="completedDailyList"
-          :pending-daily-list="pendingDailyList"
-          @task-clicked="handleTaskClicked"
-        />
     </div>
   </div>
 </template>
 
 <script>
+/* eslint-disable*/
+//       <DailyCalendar/>
 import colors from '@/assets/colors.json';
 import ListElement from '@/components/ListItems/ListElement.vue';
 import DailyCalendar from '@/components/CalendarComponents/DailyCalendar.vue';
+import DateInput from '@/components/ListItems/DateInput.vue';
 import './cssViews/Dashboard.css';
 
 export default {
   name: 'DashboardWorld',
   components: {
     ListElement,
-    DailyCalendar
+    DailyCalendar,
+    DateInput,
   },
   data() {
     return {
@@ -45,29 +41,25 @@ export default {
       pendingAllTasks: [],     // Pending tasks from All Tasks
       completedDailyList: [],  // Completed tasks from Daily List
       pendingDailyList: [],    // Pending tasks from Daily List
+      currentDate: 0,
     };
   },
   methods: {
     handleTaskUpdates(updatedTasks, listName) {
-      // Handle task updates from ListElement components and distribute to respective arrays
-      if (listName === 'All Tasks') {
-        this.completedAllTasks = updatedTasks.filter(task => task.completed);
-        this.pendingAllTasks = updatedTasks.filter(task => !task.completed);
-      } else if (listName === 'Daily List') {
-        this.completedDailyList = updatedTasks.filter(task => task.completed);
-        this.pendingDailyList = updatedTasks.filter(task => !task.completed);
-      }
     },
     handleTaskClicked(taskData) {
-      const { taskIndex, listType } = taskData;
-      // Process the clicked task and send it to the right ListElement
-      if (listType === 'pendingAllTasks') {
-        this.pendingAllTasks.splice(taskIndex, 1);
-        // Optionally move to the completed list or handle accordingly
-      } else if (listType === 'pendingDailyList') {
-        this.pendingDailyList.splice(taskIndex, 1);
-      }
-    }
+
+    },
+    handleDateChange(date) {
+      this.scheduledDate = date; // Update the parent component's selectedDate
+      this.itemsArray[this.selectedItemIndex].scheduledDate = date;
+    },
+    decrementDay(){
+      console.log("0");
+    },
+    incrementDay(){
+
+    },
   }
 };
 </script>
diff --git a/src/views/NotFound.vue b/src/views/NotFound.vue
new file mode 100644
index 0000000..7ededcf
--- /dev/null
+++ b/src/views/NotFound.vue
@@ -0,0 +1,22 @@
+<!-- src/views/NotFound.vue -->
+<template>
+    <div class="not-found">
+      <h1>404 - Page Not Found</h1>
+      <p>The page you are looking for doesn't exist.</p>
+      <router-link to="/">Go back to Home</router-link>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'NotFound',
+  };
+  </script>
+  
+  <style scoped>
+  .not-found {
+    text-align: center;
+    margin-top: 50px;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/cssViews/Dashboard.css b/src/views/cssViews/Dashboard.css
index a933589..05d1317 100644
--- a/src/views/cssViews/Dashboard.css
+++ b/src/views/cssViews/Dashboard.css
@@ -33,6 +33,7 @@ html, body {
   background-color: #555;
   cursor: pointer;
   transition: background-color 0.3s;
+  user-select: none;
 }
 
 .bigButton:hover {
diff --git a/vue.config.js b/vue.config.js
index 24eb324..deb4f73 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,16 +1,14 @@
-const { defineConfig } = require('@vue/cli-service');
+const { defineConfig } = require('@vue/cli-service')
+const webpack = require('webpack');
 
 module.exports = defineConfig({
-  devServer: {
-    proxy: {
-      '/api': {
-        target: 'http://localhost:3000',
-        changeOrigin: true,
-        pathRewrite: { '^/api': '' }, // Remove the /api prefix when forwarding
-      },
-    },
+  configureWebpack: {
+    plugins: [
+      new webpack.DefinePlugin({
+        // Vue CLI is in maintenance mode, and probably won't merge my PR to fix this in their tooling
+        // https://github.com/vuejs/vue-cli/pull/7443
+        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false',
+      })
+    ],
   },
 });
-
-
-