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/pages/settings/SystemEmailTemplates.tsx

@@ -7,6 +7,7 @@
 
 import React, { useState, useCallback, useMemo, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useOutletContext } from 'react-router-dom';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { Puck, Render } from '@measured/puck';
 import '@measured/puck/puck.css';
@@ -39,6 +40,8 @@ import {
   SystemEmailTag,
   SystemEmailCategory,
   SystemEmailType,
+  Business,
+  User,
 } from '../../types';
 
 // Category metadata
@@ -86,6 +89,14 @@ const CATEGORY_ORDER: SystemEmailCategory[] = [
 const SystemEmailTemplates: React.FC = () => {
   const { t } = useTranslation();
   const queryClient = useQueryClient();
+  const { user } = useOutletContext<{
+    business: Business;
+    user: User;
+  }>();
+
+  const isOwner = user.role === 'owner';
+  const hasPermission = isOwner || user.effective_permissions?.can_access_settings_email_templates === true;
+
   const [expandedCategories, setExpandedCategories] = useState<Set<SystemEmailCategory>>(
     new Set(CATEGORY_ORDER)
   );
@@ -343,6 +354,16 @@ const SystemEmailTemplates: React.FC = () => {
     setHasUnsavedChanges(false);
   };
 
+  if (!hasPermission) {
+    return (
+      <div className="text-center py-12">
+        <p className="text-gray-500 dark:text-gray-400">
+          {t('settings.noPermission', 'You do not have permission to access these settings.')}
+        </p>
+      </div>
+    );
+  }
+
   if (isLoading) {
     return (
       <div className="flex items-center justify-center h-64">