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/admin/page.js

@@ -1,7 +1,8 @@
 'use client';
 
 import { motion } from 'framer-motion';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
+import { useRouter } from 'next/navigation';
 import { useTranslation } from 'react-i18next';
 import { 
   Home, 
@@ -18,14 +19,22 @@ import UsersList from '../components/admin/UsersList';
 import LedgerBook from '../components/admin/LedgerBook';
 import AddPropertyForm from '../components/admin/AddPropertyForm';
 import { PropertyProvider } from '../contexts/PropertyContext';
+import AuthService from '../services/AuthService';
 import '../i18n/config';
 
 export default function AdminPage() {
   const { t, i18n } = useTranslation();
+  const router = useRouter();
   const [activeTab, setActiveTab] = useState('dashboard');
   const [showAddProperty, setShowAddProperty] = useState(false);
   const [notifications, setNotifications] = useState(3);
 
+  useEffect(() => {
+    if (!AuthService.isAuthenticated() || !AuthService.isAdmin()) {
+      router.push('/');
+    }
+  }, [router]);
+
   const tabs = [
     { id: 'dashboard', label: 'لوحة التحكم', icon: Home },
     { id: 'properties', label: 'العقارات', icon: Home },