Fix build: syntax errors, duplicate useEffects, import paths

- Fixed broken useEffect syntax in 4 owner pages (bookings, calendar, profits, properties)
- Removed duplicate useEffect blocks
- Fixed ClientLayout import path for AuthService (../ -> ./)

app/owner/properties/page.js

@@ -45,7 +45,7 @@ import {
   X
 } from 'lucide-react';
 import toast, { Toaster } from 'react-hot-toast';
-import AuthService from '../../../services/AuthService';
+import AuthService from '../../services/AuthService';
 
 const DeleteConfirmationModal = ({ isOpen, onClose, onConfirm, propertyTitle }) => {
   if (!isOpen) return null;
@@ -693,20 +693,21 @@ export default function OwnerPropertiesPage() {
   const [editModal, setEditModal] = useState({ isOpen: false, property: null });
 
   useEffect(() => {
-    const storedUser = localStorage.getItem('user');
-    // User loaded via AuthService
-      // Handled above
-      if (userData.role !== 'owner') {
-        router.push('/');
-      } else {
-        setUser(userData);
-        loadProperties();
-      }
+    const authUser = AuthService.getUser();
+    if (authUser && AuthService.isOwner()) {
+      setUser({
+        name: authUser.name || authUser.email,
+        email: authUser.email,
+        role: 'owner',
+      });
+      loadProperties();
     } else {
       router.push('/auth/choose-role');
     }
   }, [router]);
 
+
+
   const loadProperties = () => {
     const storedProperties = localStorage.getItem('ownerProperties');
     if (storedProperties) {