integers added

components/layout/mobile-nav.tsx

@@ -11,6 +11,7 @@ const unitColorMap = {
   "unit-2": "text-unit-2-dark",
   "unit-3": "text-unit-3-dark",
   "unit-4": "text-unit-4-dark",
+  "unit-5": "text-unit-5-dark",
 };
 
 const unitDotColor = {
@@ -18,6 +19,7 @@ const unitDotColor = {
   "unit-2": "bg-unit-2",
   "unit-3": "bg-unit-3",
   "unit-4": "bg-unit-4",
+  "unit-5": "bg-unit-5",
 };
 
 export function MobileNav() {

components/layout/sidebar.tsx

@@ -31,6 +31,12 @@ const unitColorMap = {
     heading: "text-unit-4-dark",
     hoverBg: "hover:bg-unit-4-light/50",
   },
+  "unit-5": {
+    active: "bg-unit-5-light text-unit-5-dark border-unit-5/20",
+    dot: "bg-unit-5",
+    heading: "text-unit-5-dark",
+    hoverBg: "hover:bg-unit-5-light/50",
+  },
 };
 
 export function Sidebar() {