Merging main.

package.json

@@ -2,7 +2,7 @@
   "private": true,
   "name": "lucid-creations-media-potty-chart",
   "homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/",
-  "version": "v0.0.9.7-alpha",
+  "version": "v0.0.9.8-alpha",
   "author": {
     "name": "Lucid Creations Media",
     "url": "https://lucidcreations.media",
@@ -20,7 +20,6 @@
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@iconify/react": "^3.2.1",
-    "@reduxjs/toolkit": "^1.8.1",
     "date-fns": "^2.28.0",
     "formik": "^2.2.9",
     "framer-motion": "^6.3.1",
@@ -30,6 +29,7 @@
     "sharp": "^0.30.4"
   },
   "devDependencies": {
+    "@types/react": "<=17.0.2",
     "@types/node": "^17.0.25",
     "@types/react": "<18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.20.0",

src/theme/layout/Header.tsx

@@ -15,7 +15,7 @@ import appLogo from "../../../public/images/logo.svg";
 
 const Header = (): JSX.Element => {
   const appName = "LCM Potty Chart";
-  const appVersion = "v0.0.9.7-alpha";
+  const appVersion = "v0.0.9.8-alpha";
 
   // Add transparency while not at the top of the page.
   const [transparentNavbar, setTransparentNavbar] = useState<boolean>(false);