I am a beginner developer

[jayveedev]

<Menubar className="border-none hover:transparent">
<MenubarMenu>
<MenubarTrigger className="cursor-pointer inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visibleutline-none focus-visible:ring-1 focus-visible:ring-ring disabledointer-events-none disabledpacity-50 hover:bg-accent hover:text-accent-foreground px-4 py-2 relative h-8 w-8 rounded-full">
<Avatar className="h-8 w-8">
<AvatarImage src="https://github.com/shadcn.png" />
<AvatarFallback>CN</AvatarFallback>
</Avatar>
</MenubarTrigger>
<MenubarContent side="left">
<MenubarItem className="flex flex-col items-start space-y-1">
<p className="text-sm font-medium leading-none">Username</p>
<p className="text-xs leading-none text-muted-foreground">
[email protected]
</p>
</MenubarItem>
<MenubarSeparator />
<MenubarItem>
<Link to="/settings/profile">Profile</Link>
</MenubarItem>
<MenubarItem>
<Link to="/categories/create">Categories</Link>
</MenubarItem>
<MenubarSeparator />
<MenubarItem className="cursor-pointer">Log out</MenubarItem>
</MenubarContent>
</MenubarMenu>
</Menubar>
<Button size="icon">
<Menu className="h-4 w-4" />
</Button>