sprint2: frontend permission checks for ContactDetail + ContactsList + Field-Level UI

frontend/src/pages/ContactDetailPage.tsx

@@ -12,6 +12,7 @@ import { useUnifiedContact, type UnifiedContact } from '@/api/hooks';
 import { Button } from '@/components/ui/Button';
 import { ChevronLeft } from 'lucide-react';
 import { PrintButton } from '@/components/common/PrintButton';
+import { usePermission } from '@/hooks/usePermission';
 
 export function ContactDetailPage() {
   const { t } = useTranslation();
@@ -19,6 +20,7 @@ export function ContactDetailPage() {
   const navigate = useNavigate();
   const { data: contact, isLoading } = useUnifiedContact(id);
   const openWindow = useWindowStore((s) => s.openWindow);
+  const { hasPermission } = usePermission();
 
   const handleEdit = () => {
     if (contact) {
@@ -51,13 +53,13 @@ export function ContactDetailPage() {
           <span>{t('contacts.title')}</span>
         </button>
         <div className="flex-1" />
-        <PrintButton targetId="contact-detail" />
+        {hasPermission('contacts:read') && <PrintButton targetId="contact-detail" />}
       </div>
       <div className="flex-1 overflow-y-auto" id="contact-detail">
         <ContactDetail
           contact={contact ?? null}
           loading={isLoading}
-          onEdit={handleEdit}
+          onEdit={hasPermission('contacts:write') ? handleEdit : undefined}
           onDeleted={handleDeleted}
         />
       </div>

frontend/src/pages/ContactsList.tsx

@@ -35,11 +35,13 @@ import {
 } from '@/api/hooks';
 import { useContactFolders } from '@/api/contacts';
 import { useCustomFieldDefinitions } from '@/api/customFieldDefinitions';
+import { usePermission } from '@/hooks/usePermission';
 
 const PAGE_SIZE = 25;
 
 export function ContactsListPage() {
   const { t } = useTranslation();
+  const { hasPermission } = usePermission();
 
   const [selectedFilter, setSelectedFilter] = useState<ContactFilter>('all');
   const [search, setSearch] = useState('');
@@ -356,7 +358,7 @@ export function ContactsListPage() {
   useEffect(() => {
     const items = [
       // New contact — ganz links
-      {
+      ...(hasPermission('contacts:write') ? [{
         id: 'new',
         plugin: 'contacts',
         label: t('contacts.create'),
@@ -364,7 +366,7 @@ export function ContactsListPage() {
         group: 'create',
         icon: <Plus className="w-3.5 h-3.5" strokeWidth={2} />,
         onClick: handleCreate,
-      },
+      }] : []),
       // View mode dropdown (list / table / cards)
       {
         id: 'view-mode',
@@ -455,7 +457,7 @@ export function ContactsListPage() {
         onClick: () => setSavedFiltersOpen(true),
       },
       // Print — icon only, right side
-      {
+      ...(hasPermission('contacts:read') ? [{
         id: 'print',
         plugin: 'contacts',
         label: t('common.print', 'Drucken'),
@@ -464,7 +466,7 @@ export function ContactsListPage() {
         icon: <Printer className="w-3.5 h-3.5" strokeWidth={2} />,
         iconOnly: true,
         onClick: () => window.print(),
-      },
+      }] : []),
       // Open standalone — icon only, right side
       {
         id: 'open-standalone',