feat: add role-based details navigation

[mbeernut]

disabled Items with icon:

[GitchalWoo]

Consider a configuration-driven approach, for example:

TSX
// navigationPermissions.ts
const navigationPermissions: Record<string, (accountType: string) => boolean> = {
vendorDetails: (type) => type === 'Operations',
clientDetails: (type) => type !== 'Vendor',
sellerDetails: (type) => type !== 'Vendor',
buyerDetails: (type) => type !== 'Vendor',
};

export const canNavigateTo = (target: string, accountType: string): boolean => {
return navigationPermissions[target]?.(accountType) ?? true;
};

WHile implementing this by copy paste hiding, we might get into a problem later on. On the other hand I am not sure we are styling it correctly with disabled state or it should be a different rendering way of an item without a link

[GitchalWoo]

One small check?