Improve staff management UI and add sorting functionality

- Remove WIP badge from staff sidebar navigation
- Make action buttons consistent between Customers and Staff pages
  - Edit button: icon + text with gray border
  - Masquerade button: icon + text with indigo border
  - Verify email button: icon-only with colored border (green/amber)
- Add sortable columns to Staff list (name and role)
- Include migrations for tenant manager role removal

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/components/Sidebar.tsx

@@ -46,10 +46,10 @@ const Sidebar: React.FC<SidebarProps> = ({ business, user, isCollapsed, toggleCo
   const { canUse } = usePlanFeatures();
 
   // Helper to check if user has a specific staff permission
-  // Owners and managers always have all permissions
+  // Owners always have all permissions
   // Staff members check their effective_permissions (role + user overrides)
   const hasPermission = (permissionKey: string): boolean => {
-    if (role === 'owner' || role === 'manager') {
+    if (role === 'owner') {
       return true;
     }
     if (role === 'staff') {
@@ -59,10 +59,11 @@ const Sidebar: React.FC<SidebarProps> = ({ business, user, isCollapsed, toggleCo
     return false;
   };
 
-  const canViewAdminPages = role === 'owner' || role === 'manager';
-  const canViewManagementPages = role === 'owner' || role === 'manager';
+  // Admin/management access is based on effective permissions for staff
+  const canViewAdminPages = role === 'owner' || hasPermission('can_access_staff');
+  const canViewManagementPages = role === 'owner' || hasPermission('can_access_scheduler');
   const isStaff = role === 'staff';
-  const canViewSettings = role === 'owner';
+  const canViewSettings = role === 'owner' || hasPermission('can_access_settings');
   const canViewTickets = hasPermission('can_access_tickets');
   const canSendMessages = hasPermission('can_access_messages') || user.can_send_messages === true;
 
@@ -191,7 +192,6 @@ const Sidebar: React.FC<SidebarProps> = ({ business, user, isCollapsed, toggleCo
                 icon={Users}
                 label={t('nav.customers')}
                 isCollapsed={isCollapsed}
-                badgeElement={<UnfinishedBadge />}
               />
             )}
             {hasPermission('can_access_services') && (
@@ -216,7 +216,6 @@ const Sidebar: React.FC<SidebarProps> = ({ business, user, isCollapsed, toggleCo
                 icon={Users}
                 label={t('nav.staff')}
                 isCollapsed={isCollapsed}
-                badgeElement={<UnfinishedBadge />}
               />
             )}
             {hasPermission('can_access_contracts') && canUse('contracts') && (