diff --git a/package-lock.json b/package-lock.json
index d37976c..6ebc4ec 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15661,19 +15661,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "node_modules/typescript": {
-      "version": "4.8.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
-      "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
-      "peer": true,
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=4.2.0"
-      }
-    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -18129,14 +18116,12 @@
     "@csstools/postcss-unset-value": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz",
-      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==",
-      "requires": {}
+      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g=="
     },
     "@csstools/selector-specificity": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.0.2.tgz",
-      "integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==",
-      "requires": {}
+      "integrity": "sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg=="
     },
     "@eslint/eslintrc": {
       "version": "1.3.0",
@@ -19851,14 +19836,12 @@
     "acorn-import-assertions": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz",
-      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==",
-      "requires": {}
+      "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw=="
     },
     "acorn-jsx": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "requires": {}
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -19944,8 +19927,7 @@
     "ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "requires": {}
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ=="
     },
     "ansi-escapes": {
       "version": "4.3.2",
@@ -20240,8 +20222,7 @@
     "babel-plugin-named-asset-import": {
       "version": "0.3.8",
       "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz",
-      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==",
-      "requires": {}
+      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q=="
     },
     "babel-plugin-polyfill-corejs2": {
       "version": "0.3.1",
@@ -20890,8 +20871,7 @@
     "css-declaration-sorter": {
       "version": "6.3.0",
       "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.3.0.tgz",
-      "integrity": "sha512-OGT677UGHJTAVMRhPO+HJ4oKln3wkBTwtDFH0ojbqm+MJm6xuDMHp2nkhh/ThaBqq20IbraBQSWKfSLNHQO9Og==",
-      "requires": {}
+      "integrity": "sha512-OGT677UGHJTAVMRhPO+HJ4oKln3wkBTwtDFH0ojbqm+MJm6xuDMHp2nkhh/ThaBqq20IbraBQSWKfSLNHQO9Og=="
     },
     "css-has-pseudo": {
       "version": "3.0.4",
@@ -20974,8 +20954,7 @@
     "css-prefers-color-scheme": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
-      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
-      "requires": {}
+      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA=="
     },
     "css-select": {
       "version": "4.3.0",
@@ -21079,8 +21058,7 @@
     "cssnano-utils": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
-      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "requires": {}
+      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA=="
     },
     "csso": {
       "version": "4.2.0",
@@ -21951,8 +21929,7 @@
     "eslint-plugin-react-hooks": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
-      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
-      "requires": {}
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g=="
     },
     "eslint-plugin-testing-library": {
       "version": "5.5.1",
@@ -22940,8 +22917,7 @@
     "icss-utils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "requires": {}
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA=="
     },
     "idb": {
       "version": "6.1.5",
@@ -23973,8 +23949,7 @@
     "jest-pnp-resolver": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.2.tgz",
-      "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w==",
-      "requires": {}
+      "integrity": "sha512-olV41bKSMm8BdnuMsewT4jqlZ8+3TCARAXjZGT9jcoSnrfUnRCqnMoF9XEeoWjbzObpqF9dRhHQj0Xb9QdF6/w=="
     },
     "jest-regex-util": {
       "version": "27.5.1",
@@ -25621,8 +25596,7 @@
     "postcss-browser-comments": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz",
-      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==",
-      "requires": {}
+      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg=="
     },
     "postcss-calc": {
       "version": "8.2.4",
@@ -25720,26 +25694,22 @@
     "postcss-discard-comments": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
-      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
-      "requires": {}
+      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ=="
     },
     "postcss-discard-duplicates": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
-      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-      "requires": {}
+      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw=="
     },
     "postcss-discard-empty": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
-      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
-      "requires": {}
+      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A=="
     },
     "postcss-discard-overridden": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
-      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-      "requires": {}
+      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw=="
     },
     "postcss-double-position-gradients": {
       "version": "3.1.2",
@@ -25761,8 +25731,7 @@
     "postcss-flexbugs-fixes": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
-      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==",
-      "requires": {}
+      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ=="
     },
     "postcss-focus-visible": {
       "version": "6.0.4",
@@ -25783,14 +25752,12 @@
     "postcss-font-variant": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
-      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
-      "requires": {}
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA=="
     },
     "postcss-gap-properties": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz",
-      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==",
-      "requires": {}
+      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg=="
     },
     "postcss-image-set-function": {
       "version": "4.0.7",
@@ -25813,8 +25780,7 @@
     "postcss-initial": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
-      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
-      "requires": {}
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ=="
     },
     "postcss-js": {
       "version": "4.0.0",
@@ -25855,14 +25821,12 @@
     "postcss-logical": {
       "version": "5.0.4",
       "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
-      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
-      "requires": {}
+      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g=="
     },
     "postcss-media-minmax": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
-      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
-      "requires": {}
+      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ=="
     },
     "postcss-merge-longhand": {
       "version": "5.1.6",
@@ -25923,8 +25887,7 @@
     "postcss-modules-extract-imports": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
-      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
-      "requires": {}
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw=="
     },
     "postcss-modules-local-by-default": {
       "version": "4.0.0",
@@ -25982,8 +25945,7 @@
     "postcss-normalize-charset": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
-      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-      "requires": {}
+      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg=="
     },
     "postcss-normalize-display-values": {
       "version": "5.1.0",
@@ -26076,8 +26038,7 @@
     "postcss-page-break": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
-      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
-      "requires": {}
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ=="
     },
     "postcss-place": {
       "version": "7.0.5",
@@ -26169,8 +26130,7 @@
     "postcss-replace-overflow-wrap": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
-      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
-      "requires": {}
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw=="
     },
     "postcss-selector-not": {
       "version": "6.0.1",
@@ -26446,8 +26406,7 @@
     "react-chartjs-2": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-5.2.0.tgz",
-      "integrity": "sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA==",
-      "requires": {}
+      "integrity": "sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA=="
     },
     "react-dev-utils": {
       "version": "12.0.1",
@@ -26552,14 +26511,12 @@
     "react-hook-form": {
       "version": "7.34.2",
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.34.2.tgz",
-      "integrity": "sha512-1lYWbEqr0GW7HHUjMScXMidGvV0BE2RJV3ap2BL7G0EJirkqpccTaawbsvBO8GZaB3JjCeFBEbnEWI1P8ZoLRQ==",
-      "requires": {}
+      "integrity": "sha512-1lYWbEqr0GW7HHUjMScXMidGvV0BE2RJV3ap2BL7G0EJirkqpccTaawbsvBO8GZaB3JjCeFBEbnEWI1P8ZoLRQ=="
     },
     "react-icons": {
       "version": "5.4.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.4.0.tgz",
-      "integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ==",
-      "requires": {}
+      "integrity": "sha512-7eltJxgVt7X64oHh6wSWNwwbKTCtMfK35hcjvJS0yxEAhPM8oUKdS3+kqaW1vicIltw+kR2unHaa12S9pPALoQ=="
     },
     "react-is": {
       "version": "17.0.2",
@@ -26629,8 +26586,7 @@
     "react-spinners": {
       "version": "0.13.8",
       "resolved": "https://registry.npmjs.org/react-spinners/-/react-spinners-0.13.8.tgz",
-      "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA==",
-      "requires": {}
+      "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA=="
     },
     "read-cache": {
       "version": "1.0.0",
@@ -27425,8 +27381,7 @@
     "style-loader": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.1.tgz",
-      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ==",
-      "requires": {}
+      "integrity": "sha512-GPcQ+LDJbrcxHORTRes6Jy2sfvK2kS6hpSfI/fXhPt+spVzxF6LJ1dHLN9zIGmVaaP044YKaIatFaufENRiDoQ=="
     },
     "stylehacks": {
       "version": "5.1.0",
@@ -27817,12 +27772,6 @@
         "is-typedarray": "^1.0.0"
       }
     },
-    "typescript": {
-      "version": "4.8.4",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.8.4.tgz",
-      "integrity": "sha512-QCh+85mCy+h0IGff8r5XWzOVSbBO+KfeYrMQh7NJ58QujwcE22u+NUSmUxqF+un70P9GXKxa2HCNiTTMJknyjQ==",
-      "peer": true
-    },
     "unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -28175,8 +28124,7 @@
         "ws": {
           "version": "8.8.1",
           "resolved": "https://registry.npmjs.org/ws/-/ws-8.8.1.tgz",
-          "integrity": "sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==",
-          "requires": {}
+          "integrity": "sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA=="
         }
       }
     },
@@ -28610,8 +28558,7 @@
     "ws": {
       "version": "7.5.9",
       "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.9.tgz",
-      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==",
-      "requires": {}
+      "integrity": "sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q=="
     },
     "xml-name-validator": {
       "version": "3.0.0",
diff --git a/src/App.css b/src/App.css
index 2547a9f..59ff224 100644
--- a/src/App.css
+++ b/src/App.css
@@ -388,4 +388,15 @@ input[type=number] {
 
 .minusFocusButton {
   margin-right: 10px;
+}
+
+.queue-filter-select {
+  display: block;
+  margin-top: 8px;
+  padding: 5px 10px;
+  background-color: #333;
+  color: #e0e0e0;
+  border: 1px solid #555;
+  border-radius: 6px;
+  font-family: Inter;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index b14666d..dea9adf 100644
--- a/src/App.js
+++ b/src/App.js
@@ -244,6 +244,7 @@ function App() {
           exposureType={exposureType}
           imageType={imageType}
           filterType={filterType}
+          setFilterType = {setFilterType}
           temp={temp}
           setDisplayedImage={setDisplayedImage}
           setDisableControls={setDisableControls}
diff --git a/src/components/ExposureControls.jsx b/src/components/ExposureControls.jsx
index efd11a0..8fc99f5 100644
--- a/src/components/ExposureControls.jsx
+++ b/src/components/ExposureControls.jsx
@@ -1,13 +1,13 @@
-import { capture, abort } from "../apiClient"
+import { capture, abort, setFilterWheel, getFilterWheel } from "../apiClient"
 import { set, useForm } from "react-hook-form"
-import {useEffect, useState} from "react"
+import {useEffect, useState, useRef} from "react"
 
 
 /**
  * Fields for submitting exposure request including header comment, exposure time, number of exposures, and
  * extra displays for successful exposures.
  */
-function ExposureControls({ exposureType, imageType, filterType, setDisplayedImage,
+function ExposureControls({ exposureType, imageType, filterType,setFilterType ,setDisplayedImage,
                             setDisableControls, isDisabled, currTimer, setCurrTimer }) {
 
     const [playing, setPlaying] = useState(false)
@@ -21,7 +21,11 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
 
     const [seriesExposures, setSeriesExposures] = useState([])
 
-    const {register, handleSubmit} = useForm()
+    const {register, handleSubmit, getValues} = useForm()
+
+    const [exposureQueue, setExposureQueue] = useState([]) //stores the exposure queue, which allows the observer to queue up several exposures.
+    const shouldStopQueueRef = useRef(false) // ref to abort queue processing
+    const [queueFilter, setQueueFilter] = useState('Ha') // filter selection for queue items 
 
     // For timer/loading bar
     const [time, setTime] = useState(undefined);  // progress bar progress
@@ -39,6 +43,79 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
         return `${formattedMinutes}:${formattedSeconds}`;
     }
 
+    function addToExposureQueue(formData) { //allows an item to be added to exposureQueue
+        // Apply same logic as onSubmit for exposure time
+        let exptime;
+        if (exposureType === "Real Time") {
+            exptime = 1.0;
+        } else if (imageType === "Bias") {
+            exptime = 0.0;
+        } else {
+            exptime = Math.max(0, formData.exptime)
+        }
+
+        // Apply same logic as onSubmit for image type
+        const imgtype = exptime === 0 ? "Bias" : imageType
+
+        const queueItem = {
+            comment: formData.comment,
+            exptime: exptime,
+            expnum: Math.max(1, formData.expnum || 1),
+            exptype: exposureType === "Series" ? "Single" : exposureType,
+            imgtype: imgtype,
+            filtype: queueFilter
+        }
+        setExposureQueue(prev => [...exposureQueue, queueItem])
+    }
+
+    function clearExposureQueue() { // allows for the user to clear the Queue.
+        setExposureQueue([])
+    }
+
+    async function submitQueuedExposures() {
+        if (exposureQueue.length === 0 || isExposing) {
+            return;
+        }
+
+        // Reset the stop flag at the start
+        shouldStopQueueRef.current = false;
+
+        const itemsToProcess = [...exposureQueue];
+
+        for (let i = 0; i < itemsToProcess.length; i++) {
+            if (shouldStopQueueRef.current) {
+                setExposureQueue([]); 
+                shouldStopQueueRef.current = false;
+                return;
+            }
+
+            const queueItem = itemsToProcess[i];
+
+            setExposureQueue(prev => prev.slice(1));
+
+            if(filterType !== queueItem.filtype) {
+                await handleFilterChange(queueItem.filtype)
+                    .then(() => setFilterType(queueItem.filtype));
+            }
+
+            const data = {
+                comment: queueItem.comment,
+                exptime: queueItem.exptime.toString(),
+                expnum: queueItem.expnum.toString(),
+                exptype: queueItem.exptype,
+                imgtype: queueItem.imgtype,
+                filtype: queueItem.filtype
+            };
+
+            await onSubmit(data);
+
+            // Wait 1 second before next item
+            await new Promise(resolve => setTimeout(resolve, 1000));
+        }
+
+        shouldStopQueueRef.current = false;
+    }
+
     const onSubmit = async data => {
         if (isExposing) return
         setDisableControls(true)
@@ -91,7 +168,7 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
             return message.url
         }))
         setLastExpName(message.url)
-        seriesExposures.push(message.url)
+        setSeriesExposures(prev => [...prev, message.url])
 
         // take another exposure for series
         if (exposureType === "Series" && data.expnum > 1) {
@@ -109,6 +186,12 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
         setExposureData(data)
     }
 
+    //ability to change filter between exposure in queue. 
+    const handleFilterChange = (filter) => {
+        return setFilterWheel(filter)
+            .catch((err) => console.log(err));
+    };
+
     // Repeat exposures in Real Time until stopped
     useEffect(() => {
         if (exposureData == null) return
@@ -153,6 +236,9 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
         return () => clearInterval(intervalId);
     }, [endTime, currTimer]);
 
+    useEffect(() => {
+        setQueueFilter(filterType);
+    }, [filterType]);
 
     function seriesLinks() {
         const links = seriesExposures.map((link) => {
@@ -163,10 +249,13 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
     }
 
     /**
-     * Abort the exporsure
+     * Abort the exposure and stop queue processing
      */
     async function abortExposure() {
         setCurrTimer(undefined);
+
+        shouldStopQueueRef.current = true;
+
         if (!isExposing) return;
 
         setStopRealTime(true);
@@ -217,19 +306,19 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
             {isExposing && <><div className='blink'>Exposing</div><br/></>}
 
             {/* fits file download text */}
-            {(!isExposing && lastExpName !== "" && exposureType !== "Series") &&
+            {(!isExposing && lastExpName !== "" && exposureType !== "Series" && seriesExposures.length === 0) &&
                 <div>Last exposure: {lastExpName} &nbsp;
                     <a href={lastExpName}>Download</a>
                     <br/><br/>
                 </div>
             }
 
-            {/* Download mutliple (Series) */}
-            {(exposureType === "Series" && seriesExposures.length !== 0) &&
-                (<><div>Series exposures:</div><br /></>)
+            {/* Download multiple (Series or Queue) */}
+            {(seriesExposures.length !== 0) &&
+                (<><div>{exposureType === "Series" ? "Series exposures:" : "Completed exposures:"}</div><br /></>)
             }
 
-            {(exposureType === "Series" && seriesExposures.length !== 0) &&
+            {(seriesExposures.length !== 0) &&
                 seriesLinks()
             }
 
@@ -258,6 +347,39 @@ function ExposureControls({ exposureType, imageType, filterType, setDisplayedIma
             <button className="temp-set" disabled={isExposing} onClick={() => {setSeriesExposures([]); setStopRealTime(false)}} type='submit'>Get Exposure</button>
             {(exposureType !== "Real Time" && <button className="temp-set" disabled={!isExposing} onClick={abortExposure}>Abort Exposure</button>)}
 
+            {/* Add to Exposure Queue button */}
+            {exposureType !== "Real Time" && exposureType !== "Series" &&
+                <>
+                    <button type="button" className="temp-set" disabled={isExposing} onClick={() => addToExposureQueue(getValues())}>Add to Queue</button>
+                    <select className="temp-set" value={queueFilter} onChange={(e) => setQueueFilter(e.target.value)}>
+                        <option value="Ha">Ha</option>
+                        <option value="B">B</option>
+                        <option value="V">V</option>
+                        <option value="g">g</option>
+                        <option value="r">r</option>
+                        <option value="i">i</option>
+                    </select>
+                </>
+            }
+
+            {/* Clear queue button */}
+            {exposureQueue.length > 0 &&
+            <button type="button" className="temp-set" disabled={isExposing} onClick={() => clearExposureQueue()}>Clear Queue</button>}
+
+            {/* Send exporsure queue button */}
+            {exposureQueue.length > 0 &&
+            <button type="button" className="temp-set" disabled={isExposing} onClick={() => {setSeriesExposures([]); submitQueuedExposures()}}>Send Exposure Queue</button>}
+
+            {/*Displays the queued exposures. */}
+            {exposureQueue.length > 0 &&
+                <ol style={{listStyleType: 'none'}}>
+                    {exposureQueue.map(exposure => (
+                        <li key={exposure.id} >
+                            {exposure.comment + " " + exposure.exptime + " " + exposure.expnum + " " + exposure.exptype + " " + exposure.imgtype + " " + exposure.filtype} 
+                        </li>
+                    ))}
+                </ol>
+            }
             </fieldset>
         </form>
     );
diff --git a/src/components/FilterControls.jsx b/src/components/FilterControls.jsx
index bbf8322..ae010e6 100644
--- a/src/components/FilterControls.jsx
+++ b/src/components/FilterControls.jsx
@@ -19,7 +19,7 @@ function FilterTypeSelector({ filterType, setFilterType, isDisabled }) {
   useEffect(() => {
     // Do this once when the app loads.
     updateFilterPosition();
-  }, [updateFilterPosition]);
+  }, [updateFilterPosition, filterType]); //updates for filter change from queue exposure. 
 
   const handleFilterChange = (filter) => {
     setMoving(true);