resolve issues with new features

frontend/src/pages/Kalender.tsx

@@ -13,7 +13,6 @@ import {
   DialogContentText,
   DialogTitle,
   Divider,
-  Fab,
   FormControl,
   FormControlLabel,
   FormGroup,
@@ -70,7 +69,7 @@ import {
 } from '@mui/icons-material';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import DashboardLayout from '../components/dashboard/DashboardLayout';
-import { useLayout } from '../contexts/LayoutContext';
+import ChatAwareFab from '../components/shared/ChatAwareFab';
 import { toGermanDate, toGermanDateTime, fromGermanDate, fromGermanDateTime, isValidGermanDate, isValidGermanDateTime } from '../utils/dateInput';
 import { useAuth } from '../contexts/AuthContext';
 import { useNotification } from '../contexts/NotificationContext';
@@ -1682,7 +1681,6 @@ export default function Kalender() {
   const [searchParams] = useSearchParams();
   const { user } = useAuth();
   const notification = useNotification();
-  const { chatPanelOpen } = useLayout();
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
 
@@ -2554,16 +2552,14 @@ export default function Kalender() {
 
             {/* FAB: Create Veranstaltung */}
             {canWriteEvents && (
-              <Fab
-                color="primary"
-                sx={{ position: 'fixed', bottom: 32, right: chatPanelOpen ? 376 : 80, transition: 'right 225ms cubic-bezier(0.4, 0, 0.6, 1)' }}
+              <ChatAwareFab
                 onClick={() => {
                   setVeranstEditing(null);
                   setVeranstFormOpen(true);
                 }}
               >
                 <Add />
-              </Fab>
+              </ChatAwareFab>
             )}
 
             {/* Day Popover */}
@@ -2927,13 +2923,9 @@ export default function Kalender() {
 
             {/* FAB */}
             {canCreateBookings && (
-              <Fab
-                color="primary"
-                sx={{ position: 'fixed', bottom: 32, right: chatPanelOpen ? 376 : 80, transition: 'right 225ms cubic-bezier(0.4, 0, 0.6, 1)' }}
-                onClick={openBookingCreate}
-              >
+              <ChatAwareFab onClick={openBookingCreate}>
                 <Add />
-              </Fab>
+              </ChatAwareFab>
             )}
 
             {/* Booking detail popover */}