feat: enhance accessibility and testing with data-test attributes and improve error handling

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

@@ -39,7 +39,7 @@ export default async function GuestsPage({ params }: PageProps) {
       <div className="flex w-full flex-col gap-6">
         <div className="flex items-center justify-between">
           <p className="text-muted-foreground">Gästeverwaltung</p>
-          <Button>
+          <Button data-test="guests-new-btn">
             <Plus className="mr-2 h-4 w-4" />
             Neuer Gast
           </Button>

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

@@ -90,9 +90,9 @@ export default async function BookingsPage({
   // Post-filter by search query (guest name or room name/number)
   if (searchQuery) {
     const q = searchQuery.toLowerCase();
-    bookingsData = bookingsData.filter((b) => {
-      const room = b.room as Record<string, string> | null;
-      const guest = b.guest as Record<string, string> | null;
+    bookingsData = bookingsData.filter((booking) => {
+      const room = booking.room as Record<string, string> | null;
+      const guest = booking.guest as Record<string, string> | null;
       const roomName = (room?.name ?? '').toLowerCase();
       const roomNumber = (room?.room_number ?? '').toLowerCase();
       const guestFirst = (guest?.first_name ?? '').toLowerCase();
@@ -107,7 +107,8 @@ export default async function BookingsPage({
   }
 
   const activeBookings = bookingsData.filter(
-    (b) => b.status === 'confirmed' || b.status === 'checked_in',
+    (booking) =>
+      booking.status === 'confirmed' || booking.status === 'checked_in',
   );
 
   const totalPages = Math.ceil(total / PAGE_SIZE);
@@ -122,7 +123,7 @@ export default async function BookingsPage({
           </p>
 
           <Link href={`/home/${account}/bookings/new`}>
-            <Button>
+            <Button data-test="bookings-new-btn">
               <Plus className="mr-2 h-4 w-4" />
               Neue Buchung
             </Button>

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

@@ -40,7 +40,7 @@ export default async function RoomsPage({ params }: PageProps) {
       <div className="flex w-full flex-col gap-6">
         <div className="flex items-center justify-between">
           <p className="text-muted-foreground">Zimmerverwaltung</p>
-          <Button>
+          <Button data-test="rooms-new-btn">
             <Plus className="mr-2 h-4 w-4" />
             Neues Zimmer
           </Button>