feat: pre-existing local changes — fischerei, verband, modules, members, packages

Commits all remaining uncommitted local work:

- apps/web: fischerei, verband, modules, members-cms, documents,
  newsletter, meetings, site-builder, courses, bookings, events,
  finance pages and components
- apps/web: marketing page updates, layout, paths config,
  next.config.mjs, styles/makerkit.css
- apps/web/i18n: documents, fischerei, marketing, verband (de+en)
- packages/features: finance, fischerei, member-management,
  module-builder, newsletter, sitzungsprotokolle, verbandsverwaltung
  server APIs and components
- packages/ui: button.tsx updates
- pnpm-lock.yaml

apps/web/app/[locale]/home/[account]/bookings/rooms/page.tsx

@@ -1,6 +1,8 @@
 import { BedDouble, Plus } from 'lucide-react';
+import { getTranslations } from 'next-intl/server';
 
 import { createBookingManagementApi } from '@kit/booking-management/api';
+import { formatCurrencyAmount } from '@kit/shared/dates';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { Badge } from '@kit/ui/badge';
 import { Button } from '@kit/ui/button';
@@ -17,6 +19,7 @@ interface PageProps {
 export default async function RoomsPage({ params }: PageProps) {
   const { account } = await params;
   const client = getSupabaseServerClient();
+  const t = await getTranslations('bookings');
 
   const { data: acct } = await client
     .from('accounts')
@@ -26,7 +29,7 @@ export default async function RoomsPage({ params }: PageProps) {
 
   if (!acct) {
     return (
-      <CmsPageShell account={account} title="Zimmer">
+      <CmsPageShell account={account} title={t('rooms.title')}>
         <AccountNotFound />
       </CmsPageShell>
     );
@@ -36,41 +39,53 @@ export default async function RoomsPage({ params }: PageProps) {
   const rooms = await api.listRooms(acct.id);
 
   return (
-    <CmsPageShell account={account} title="Zimmer">
+    <CmsPageShell account={account} title={t('rooms.title')}>
       <div className="flex w-full flex-col gap-6">
         <div className="flex items-center justify-between">
-          <p className="text-muted-foreground">Zimmerverwaltung</p>
+          <p className="text-muted-foreground">{t('rooms.manage')}</p>
           <Button data-test="rooms-new-btn">
             <Plus className="mr-2 h-4 w-4" />
-            Neues Zimmer
+            {t('rooms.newRoom')}
           </Button>
         </div>
 
         {rooms.length === 0 ? (
           <EmptyState
             icon={<BedDouble className="h-8 w-8" />}
-            title="Keine Zimmer vorhanden"
-            description="Fügen Sie Ihr erstes Zimmer hinzu."
-            actionLabel="Neues Zimmer"
+            title={t('rooms.noRooms')}
+            description={t('rooms.addFirst')}
+            actionLabel={t('rooms.newRoom')}
           />
         ) : (
           <Card>
             <CardHeader>
-              <CardTitle>Alle Zimmer ({rooms.length})</CardTitle>
+              <CardTitle>
+                {t('rooms.allRooms', { count: rooms.length })}
+              </CardTitle>
             </CardHeader>
             <CardContent>
-              <div className="rounded-md border">
-                <table className="w-full text-sm">
+              <div className="overflow-x-auto rounded-md border">
+                <table className="w-full min-w-[640px] text-sm">
                   <thead>
                     <tr className="bg-muted/50 border-b">
-                      <th className="p-3 text-left font-medium">Zimmernr.</th>
-                      <th className="p-3 text-left font-medium">Name</th>
-                      <th className="p-3 text-left font-medium">Typ</th>
-                      <th className="p-3 text-right font-medium">Kapazität</th>
-                      <th className="p-3 text-right font-medium">
-                        Preis/Nacht
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('rooms.roomNumber')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('rooms.name')}
+                      </th>
+                      <th scope="col" className="p-3 text-left font-medium">
+                        {t('rooms.type')}
+                      </th>
+                      <th scope="col" className="p-3 text-right font-medium">
+                        {t('rooms.capacity')}
+                      </th>
+                      <th scope="col" className="p-3 text-right font-medium">
+                        {t('rooms.price')}
+                      </th>
+                      <th scope="col" className="p-3 text-center font-medium">
+                        {t('rooms.active')}
                       </th>
-                      <th className="p-3 text-center font-medium">Aktiv</th>
                     </tr>
                   </thead>
                   <tbody>
@@ -95,7 +110,9 @@ export default async function RoomsPage({ params }: PageProps) {
                         </td>
                         <td className="p-3 text-right">
                           {room.price_per_night != null
-                            ? `${Number(room.price_per_night).toFixed(2)} €`
+                            ? formatCurrencyAmount(
+                                room.price_per_night as number,
+                              )
                             : '—'}
                         </td>
                         <td className="p-3 text-center">