Added navbar items

src/components/AppNavbar/_data/allMenu.ts

@@ -1,14 +1,21 @@
+import { ThemeIconProps } from "@mantine/core";
 import React from "react";
-import { TbLayoutDashboard, TbUsers } from "react-icons/tb";
+import {
+	TbLayoutDashboard,
+	TbUsers,
+	TbNotebook,
+	TbShoppingBag,
+	TbPhotoFilled,
+} from "react-icons/tb";
 
 export interface MenuItem {
-    label: string,
+	label: string;
-    icon: React.FC<any>,
+	icon: React.FC<any>;
 	children?: {
-        label: string,
+		label: string;
-        link: string,
+		link: string;
-    }[],
+	}[];
-    color?: string,
+	color?: ThemeIconProps["color"];
 }
 
 const allMenu: MenuItem[] = [
@@ -19,12 +26,32 @@ const allMenu: MenuItem[] = [
 	{
 		label: "Users",
 		icon: TbUsers,
+		color: "grape",
+		children: [
+			{ label: "Users", link: "#" },
+			{ label: "Roles", link: "#" },
+			{ label: "Permissions", link: "#" },
+		],
+	},
+	{
+		label: "Blog",
+		icon: TbNotebook,
 		color: "green",
 		children: [
-            { label: "Users", link: "#"},
+			{ label: "Posts", link: "#" },
-            { label: "Roles", link: "#"},
+			{ label: "Categories", link: "#" },
-            { label: "Permissions", link: "#"},
+			{ label: "Tags", link: "#" },
-        ]
+		],
+	},
+	{
+		label: "Products",
+		icon: TbShoppingBag,
+		color: "cyan",
+	},
+	{
+		label: "Banners",
+		icon: TbPhotoFilled,
+		color: "indigo",
 	},
 ];