updated build

frontend/components/dashboard/nav-main.tsx

@@ -4,11 +4,7 @@ import { type Icon } from "@tabler/icons-react"
 import { SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar"
 import { usePathname } from 'next/navigation'
 
-interface NavMainProps {
-    title: string
-    url: string
-    icon?: Icon
-}
+interface NavMainProps { title: string, url: string, icon?: Icon }
 
 export function NavMain({ items }: { items: NavMainProps[] }) {
     const pathname = usePathname()?.split("/")[1]
@@ -17,7 +13,7 @@ export function NavMain({ items }: { items: NavMainProps[] }) {
             <SidebarMenuButton tooltip={item.title}>{item.icon && <item.icon />}<span>{item.title}</span></SidebarMenuButton>
         </SidebarMenuItem></Link>
     const linkRenderDisabled = (item: NavMainProps) =>
-        <SidebarMenuItem key={`${item.title}-${item.url}`} className="opacity-50 bg-gray-300 border-gray-300 border-2 rounded-2xl">
+        <SidebarMenuItem key={`${item.title}-${item.url}`} className="opacity-50 bg-gray-300 border-gray-300 border-2 rounded-2xl ">
             <SidebarMenuButton disabled tooltip={item.title}>{item.icon && <item.icon />}<span>{item.title}</span></SidebarMenuButton>
         </SidebarMenuItem>
     return (

frontend/components/sidebar/app-sidebar.tsx

@@ -28,15 +28,20 @@ const data = {
     },
     navMain: [
         {
-            title: "Users",
-            url: "/users",
-            icon: IconUsers
+            title: "User Types",
+            url: "/user-types",
+            icon: IconFileCertificate
         },
         {
             title: "People",
             url: "/people",
             icon: IconListDetails
         },
+        {
+            title: "Users",
+            url: "/users",
+            icon: IconUsers
+        },
         {
             title: "Build",
             url: "/builds",
@@ -77,11 +82,6 @@ const data = {
             url: "/living-spaces",
             icon: IconHome2
         },
-        {
-            title: "User Types",
-            url: "/user-types",
-            icon: IconFileCertificate
-        }
     ],
     navClouds: [
         // {
@@ -173,10 +173,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
             <SidebarHeader>
                 <SidebarMenu>
                     <SidebarMenuItem>
-                        <SidebarMenuButton
-                            asChild
-                            className="data-[slot=sidebar-menu-button]:p-1.5!"
-                        >
+                        <SidebarMenuButton asChild className="data-[slot=sidebar-menu-button]:p-1.5!">
                             <a href="#">
                                 <IconInnerShadowTop className="size-5!" />
                                 <span className="text-base font-semibold">Acme Inc.</span>