Add account hierarchy framework with migrations, RLS policies, and UI components

packages/features/member-management/src/components/application-workflow.tsx

@@ -1,17 +1,24 @@
 'use client';
 
 import { useCallback } from 'react';
-import { useAction } from 'next-safe-action/hooks';
+
 import { useRouter } from 'next/navigation';
-import { toast } from '@kit/ui/sonner';
+
+import { useAction } from 'next-safe-action/hooks';
+
+import { formatDate } from '@kit/shared/dates';
 import { Badge } from '@kit/ui/badge';
 import { Button } from '@kit/ui/button';
+import { toast } from '@kit/ui/sonner';
 
-import { approveApplication, rejectApplication } from '../server/actions/member-actions';
 import {
   APPLICATION_STATUS_VARIANT,
   APPLICATION_STATUS_LABEL,
 } from '../lib/member-utils';
+import {
+  approveApplication,
+  rejectApplication,
+} from '../server/actions/member-actions';
 
 interface ApplicationWorkflowProps {
   applications: Array<Record<string, unknown>>;
@@ -58,11 +65,7 @@ export function ApplicationWorkflow({
 
   const handleApprove = useCallback(
     (applicationId: string) => {
-      if (
-        !window.confirm(
-          'Mitglied wird automatisch erstellt. Fortfahren?',
-        )
-      ) {
+      if (!window.confirm('Mitglied wird automatisch erstellt. Fortfahren?')) {
         return;
       }
       executeApprove({ applicationId, accountId });
@@ -91,7 +94,7 @@ export function ApplicationWorkflow({
     <div className="space-y-4">
       <div className="flex items-center justify-between">
         <h2 className="text-lg font-semibold">Aufnahmeanträge</h2>
-        <p className="text-sm text-muted-foreground">
+        <p className="text-muted-foreground text-sm">
           {applications.length} Antrag{applications.length !== 1 ? 'e' : ''}
         </p>
       </div>
@@ -99,7 +102,7 @@ export function ApplicationWorkflow({
       <div className="rounded-md border">
         <table className="w-full text-sm">
           <thead>
-            <tr className="border-b bg-muted/50">
+            <tr className="bg-muted/50 border-b">
               <th className="px-4 py-3 text-left font-medium">Name</th>
               <th className="px-4 py-3 text-left font-medium">E-Mail</th>
               <th className="px-4 py-3 text-left font-medium">Datum</th>
@@ -112,7 +115,7 @@ export function ApplicationWorkflow({
               <tr>
                 <td
                   colSpan={5}
-                  className="px-4 py-8 text-center text-muted-foreground"
+                  className="text-muted-foreground px-4 py-8 text-center"
                 >
                   Keine Aufnahmeanträge vorhanden.
                 </td>
@@ -130,18 +133,18 @@ export function ApplicationWorkflow({
                       {String(app.last_name ?? '')},{' '}
                       {String(app.first_name ?? '')}
                     </td>
-                    <td className="px-4 py-3 text-muted-foreground">
+                    <td className="text-muted-foreground px-4 py-3">
                       {String(app.email ?? '—')}
                     </td>
-                    <td className="px-4 py-3 text-muted-foreground">
-                      {app.created_at
-                        ? new Date(String(app.created_at)).toLocaleDateString(
-                            'de-DE',
-                          )
-                        : '—'}
+                    <td className="text-muted-foreground px-4 py-3">
+                      {formatDate(app.created_at as string)}
                     </td>
                     <td className="px-4 py-3">
-                      <Badge variant={APPLICATION_STATUS_VARIANT[appStatus] ?? 'secondary'}>
+                      <Badge
+                        variant={
+                          APPLICATION_STATUS_VARIANT[appStatus] ?? 'secondary'
+                        }
+                      >
                         {APPLICATION_STATUS_LABEL[appStatus] ?? appStatus}
                       </Badge>
                     </td>