diff --git a/Dockerfile b/Dockerfile
index be2b8c7..e9fb5de 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,20 +1,20 @@
-# Base image for account microservice.  This image uses amd64 as the architecture 
-FROM amd64/node:18-bullseye
-
-# Specifies app directory as working directory in docker image
-WORKDIR /app
-
-# Exposes port 3000 which is the same port specified in vite.config.ts
-EXPOSE 3000
-
-# Copy config files to app directory in docker image
-COPY package.json package-lock.json ./
-
-# Install all dependencies to run account microservice in silent mode
-RUN npm install --silent
-
-# Copy all other files to app directory in docker image
-COPY . ./
-
-# run the command specified in the package.json to start the console microservice
+# Base image for account microservice.  This image uses amd64 as the architecture 
+FROM amd64/node:18-bullseye
+
+# Specifies app directory as working directory in docker image
+WORKDIR /app
+
+# Exposes port 3000 which is the same port specified in vite.config.ts
+EXPOSE 3000
+
+# Copy config files to app directory in docker image
+COPY package.json package-lock.json ./
+
+# Install all dependencies to run account microservice in silent mode
+RUN npm install --silent
+
+# Copy all other files to app directory in docker image
+COPY . ./
+
+# run the command specified in the package.json to start the console microservice
 CMD ["npm", "run", "dev"]
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 74069c3..8759fb7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2291,12 +2291,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -2879,9 +2879,9 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -3974,12 +3974,12 @@
       }
     },
     "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,
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -4694,9 +4694,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -5215,9 +5215,9 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.2.tgz",
-      "integrity": "sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "dependencies": {
         "esbuild": "^0.18.10",
         "postcss": "^8.4.27",
@@ -5548,9 +5548,9 @@
       "dev": true
     },
     "node_modules/ws": {
-      "version": "8.14.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"
@@ -7088,12 +7088,12 @@
       }
     },
     "braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "requires": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       }
     },
     "browserslist": {
@@ -7510,9 +7510,9 @@
       }
     },
     "fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "requires": {
         "to-regex-range": "^5.0.1"
@@ -8288,12 +8288,12 @@
       "dev": true
     },
     "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,
       "requires": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       }
     },
@@ -8778,9 +8778,9 @@
       "dev": true
     },
     "rollup": {
-      "version": "3.29.4",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
-      "integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
+      "version": "3.29.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz",
+      "integrity": "sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==",
       "requires": {
         "fsevents": "~2.3.2"
       }
@@ -9152,9 +9152,9 @@
       }
     },
     "vite": {
-      "version": "4.5.2",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.2.tgz",
-      "integrity": "sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==",
+      "version": "4.5.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz",
+      "integrity": "sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==",
       "requires": {
         "esbuild": "^0.18.10",
         "fsevents": "~2.3.2",
@@ -9338,9 +9338,9 @@
       "dev": true
     },
     "ws": {
-      "version": "8.14.2",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
-      "integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
       "dev": true,
       "requires": {}
     },
diff --git a/src/components/AccountView.tsx b/src/components/AccountView.tsx
new file mode 100644
index 0000000..7cc0689
--- /dev/null
+++ b/src/components/AccountView.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import Header from "./Header";
+
+export const AccountView = () => {
+    return (
+        <div className="min-h-screen flex flex-col items-center p-4 bg-card-light-blue">
+            {/* What's New Section */}
+            <div className="w-full max-w-4xl mb-8 p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                <h1 className="text-duke-blue">What's New!</h1>
+                <p className="text-duke-blue">[Change log notes]</p>
+            </div>
+            
+            {/* Extra Sections */}
+            <div className="w-full max-w-4xl grid grid-cols-1 md:grid-cols-3 gap-4 ">
+                <div className="p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                    <h2 className="text-duke-blue">Extra</h2>
+                    <p className="text-duke-blue">[Misc. / Links]</p>
+                </div>
+                <div className="p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                    <h2 className="text-duke-blue">Extra</h2>
+                    <p className="text-duke-blue">[Misc. / Links]</p>
+                </div>
+                <div className="p-4 border border-transparent hover:border-duke-blue bg-card-sky-blue">
+                    <h2 className="text-duke-blue">Extra</h2>
+                    <p className="text-duke-blue">[Misc. / Links]</p>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default AccountView;
diff --git a/src/components/Register.tsx b/src/components/Register.tsx
index daa0373..d8c2afb 100644
--- a/src/components/Register.tsx
+++ b/src/components/Register.tsx
@@ -1,91 +1,91 @@
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { icon } from "@fortawesome/fontawesome-svg-core/import.macro";
-import Header from "./Header";
-import { useToggle } from "../ts/ToggleHeader";
-import { Link } from "react-router-dom";
-
-export const Login = () => {
-  const lightMode = useToggle((state) => state.light);
-
-  return (
-    <div
-      className={`"App" ${
-        lightMode ? "bg-card-light-blue" : "dark bg-card-dark-blue"
-      } min-h-screen flex flex-col`}
-    >
-      <Header />
-      <div className="relative flex flex-grow">
-        <div className="flex flex-col items-center justify-center flex-1">
-          <button
-            className={`${
-              lightMode
-                ? "bg-card-sky-blue border-black hover:bg-electric-blue"
-                : "bg-black text-white hover:bg-charcoal-black"
-            } border-[3px] rounded-[15px] border-radius: 15px w-[720px] h-[120px] py-2 px-12 mb-24 flex items-center justify-center`}
-          >
-            <FontAwesomeIcon
-              icon={icon({ name: "github", style: "brands" })}
-              className="mr-2 h-12"
-            />
-            <span className="flex-grow text-base">
-              <p
-                className={`${
-                  lightMode ? "text-duke-blue" : "text-white"
-                } text-[48px] ml-2`}
-              >
-                Sign Up with Github
-              </p>
-            </span>
-          </button>
-
-          <button
-            className={`${
-              lightMode
-                ? "bg-card-sky-blue border-black hover:bg-electric-blue"
-                : "bg-black text-white hover:bg-charcoal-black"
-            } border-[3px] rounded-[15px] w-[720px] h-[120px] py-2 px-12 mb-12 flex items-center justify-center`}
-          >
-            <FontAwesomeIcon
-              icon={icon({ name: "google", style: "brands" })}
-              className="mr-2 h-12"
-            />
-            <span className="flex-grow text-base">
-              <p
-                className={`${
-                  lightMode ? "text-duke-blue" : "text-white"
-                } text-[48px] ml-2`}
-              >
-                Sign Up with Google
-              </p>
-            </span>
-          </button>
-
-          <div className="text-[24px] mb-10">
-            <span
-              className={`${
-                lightMode
-                  ? "text-duke-blue hover:text-sapphire-blue"
-                  : "text-white hover:text-suva-grey"
-              }`}
-            ></span>
-            <span
-              className={`${lightMode ? "text-duke-blue" : "text-white"}`}
-            ></span>
-            <span
-              className={`${
-                lightMode
-                  ? "text-duke-blue hover:text-sapphire-blue"
-                  : "text-white hover:text-suva-grey"
-              }`}
-            >
-              {" "}
-              <Link to="/login">Already have an account? Login</Link>
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Login;
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { icon } from "@fortawesome/fontawesome-svg-core/import.macro";
+import Header from "./Header";
+import { useToggle } from "../ts/ToggleHeader";
+import { Link } from "react-router-dom";
+
+export const Login = () => {
+  const lightMode = useToggle((state) => state.light);
+
+  return (
+    <div
+      className={`"App" ${
+        lightMode ? "bg-card-light-blue" : "dark bg-card-dark-blue"
+      } min-h-screen flex flex-col`}
+    >
+      <Header />
+      <div className="relative flex flex-grow">
+        <div className="flex flex-col items-center justify-center flex-1">
+          <button
+            className={`${
+              lightMode
+                ? "bg-card-sky-blue border-black hover:bg-electric-blue"
+                : "bg-black text-white hover:bg-charcoal-black"
+            } border-[3px] rounded-[15px] border-radius: 15px w-[720px] h-[120px] py-2 px-12 mb-24 flex items-center justify-center`}
+          >
+            <FontAwesomeIcon
+              icon={icon({ name: "github", style: "brands" })}
+              className="mr-2 h-12"
+            />
+            <span className="flex-grow text-base">
+              <p
+                className={`${
+                  lightMode ? "text-duke-blue" : "text-white"
+                } text-[48px] ml-2`}
+              >
+                Sign Up with Github
+              </p>
+            </span>
+          </button>
+
+          <button
+            className={`${
+              lightMode
+                ? "bg-card-sky-blue border-black hover:bg-electric-blue"
+                : "bg-black text-white hover:bg-charcoal-black"
+            } border-[3px] rounded-[15px] w-[720px] h-[120px] py-2 px-12 mb-12 flex items-center justify-center`}
+          >
+            <FontAwesomeIcon
+              icon={icon({ name: "google", style: "brands" })}
+              className="mr-2 h-12"
+            />
+            <span className="flex-grow text-base">
+              <p
+                className={`${
+                  lightMode ? "text-duke-blue" : "text-white"
+                } text-[48px] ml-2`}
+              >
+                Sign Up with Google
+              </p>
+            </span>
+          </button>
+
+          <div className="text-[24px] mb-10">
+            <span
+              className={`${
+                lightMode
+                  ? "text-duke-blue hover:text-sapphire-blue"
+                  : "text-white hover:text-suva-grey"
+              }`}
+            ></span>
+            <span
+              className={`${lightMode ? "text-duke-blue" : "text-white"}`}
+            ></span>
+            <span
+              className={`${
+                lightMode
+                  ? "text-duke-blue hover:text-sapphire-blue"
+                  : "text-white hover:text-suva-grey"
+              }`}
+            >
+              {" "}
+              <Link to="/login">Already have an account? Login</Link>
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Login;
diff --git a/src/tests/Login.test.tsx b/src/tests/Login.test.tsx
index 9805445..a013bf2 100644
--- a/src/tests/Login.test.tsx
+++ b/src/tests/Login.test.tsx
@@ -1,13 +1,13 @@
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import Login from '../components/Login';
-import { BrowserRouter } from 'react-router-dom';
-
-it('renders without crashing', () => {
-  const div = document.createElement('div');
-  ReactDOM.render(
-    <BrowserRouter>
-        <Login />
-    </BrowserRouter>, div
-  );
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import Login from '../components/Login';
+import { BrowserRouter } from 'react-router-dom';
+
+it('renders without crashing', () => {
+  const div = document.createElement('div');
+  ReactDOM.render(
+    <BrowserRouter>
+        <Login />
+    </BrowserRouter>, div
+  );
 });
\ No newline at end of file
diff --git a/src/tests/Register.test.tsx b/src/tests/Register.test.tsx
index 61e9c84..43f7fbb 100644
--- a/src/tests/Register.test.tsx
+++ b/src/tests/Register.test.tsx
@@ -1,14 +1,14 @@
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import Register from "../components/Register";
-import { BrowserRouter } from "react-router-dom";
-
-it("renders without crashing", () => {
-  const div = document.createElement("div");
-  ReactDOM.render(
-    <BrowserRouter>
-      <Register />
-    </BrowserRouter>,
-    div
-  );
-});
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import Register from "../components/Register";
+import { BrowserRouter } from "react-router-dom";
+
+it("renders without crashing", () => {
+  const div = document.createElement("div");
+  ReactDOM.render(
+    <BrowserRouter>
+      <Register />
+    </BrowserRouter>,
+    div
+  );
+});
diff --git a/yarn.lock b/yarn.lock
index 1b8956b..4d0c067 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -249,6 +249,11 @@
   resolved "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz"
   integrity sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==
 
+"@esbuild/win32-x64@0.18.20":
+  version "0.18.20"
+  resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz"
+  integrity sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==
+
 "@fortawesome/fontawesome-common-types@6.4.2":
   version "6.4.2"
   resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz"
@@ -511,6 +516,11 @@
   resolved "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.3.91.tgz"
   integrity sha512-2SRp5Dke2P4jCQePkDx9trkkTstnRpZJVw5r3jvYdk0zeO6iC4+ZPvvoWXJLigqQv/fZnIiSUfJ6ssOoaEqTzQ==
 
+"@swc/core-win32-x64-msvc@1.3.91":
+  version "1.3.91"
+  resolved "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.3.91.tgz"
+  integrity sha512-7u9HDQhjUC3Gv43EFW84dZtduWCSa4MgltK+Sp9zEGti6WXqDPu/ESjvDsQEVYTBEMEvZs/xVAXPgLVHorV5nQ==
+
 "@swc/core@^1.3.85":
   version "1.3.91"
   resolved "https://registry.npmjs.org/@swc/core/-/core-1.3.91.tgz"
@@ -938,12 +948,12 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-braces@^3.0.2, braces@~3.0.2:
-  version "3.0.2"
-  resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz"
-  integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
+braces@^3.0.3, braces@~3.0.2:
+  version "3.0.3"
+  resolved "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz"
+  integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
-    fill-range "^7.0.1"
+    fill-range "^7.1.1"
 
 browserslist@^4.21.10, browserslist@^4.21.9, "browserslist@>= 4.21.0":
   version "4.22.1"
@@ -1348,10 +1358,10 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
-fill-range@^7.0.1:
-  version "7.0.1"
-  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz"
-  integrity sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==
+fill-range@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz"
+  integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
   dependencies:
     to-regex-range "^5.0.1"
 
@@ -1948,11 +1958,11 @@ merge2@^1.3.0:
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
 micromatch@^4.0.4, micromatch@^4.0.5:
-  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==
   dependencies:
-    braces "^3.0.2"
+    braces "^3.0.3"
     picomatch "^2.3.1"
 
 mime-db@1.52.0:
@@ -2377,9 +2387,9 @@ reusify@^1.0.4:
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
 rollup@^1.20.0||^2.0.0||^3.0.0, rollup@^3.27.1:
-  version "3.29.4"
-  resolved "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz"
-  integrity sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==
+  version "3.29.5"
+  resolved "https://registry.npmjs.org/rollup/-/rollup-3.29.5.tgz"
+  integrity sha512-GVsDdsbJzzy4S/v3dqWPJ7EfvZJfCHiDqe80IyrF59LYuP+e6U1LJoUqeuqRbwAWoMNoXivMNeNAOf5E22VA1w==
   optionalDependencies:
     fsevents "~2.3.2"
 
@@ -2738,9 +2748,9 @@ vite-tsconfig-paths@^4.2.1:
     tsconfck "^2.1.0"
 
 vite@*, "vite@^2.6.0 || 3 || 4", "vite@^3.0.0 || ^4.0.0 || ^5.0.0-0", "vite@^3.1.0 || ^4.0.0 || ^5.0.0-0", vite@^4, vite@^4.4.10, vite@>=2:
-  version "4.5.2"
-  resolved "https://registry.npmjs.org/vite/-/vite-4.5.2.tgz"
-  integrity sha512-tBCZBNSBbHQkaGyhGCDUGqeo2ph8Fstyp6FMSvTtsXeZSPpSMGlviAOav2hxVTqFcx8Hj/twtWKsMJXNY0xI8w==
+  version "4.5.5"
+  resolved "https://registry.npmjs.org/vite/-/vite-4.5.5.tgz"
+  integrity sha512-ifW3Lb2sMdX+WU91s3R0FyQlAyLxOzCSCP37ujw0+r5POeHPwe6udWVIElKQq8gk3t7b8rkmvqC6IHBpCff4GQ==
   dependencies:
     esbuild "^0.18.10"
     postcss "^8.4.27"
@@ -2861,9 +2871,9 @@ wrappy@1:
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
 ws@^8.13.0:
-  version "8.14.2"
-  resolved "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz"
-  integrity sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==
+  version "8.18.0"
+  resolved "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz"
+  integrity sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==
 
 xml-name-validator@^4.0.0:
   version "4.0.0"