Sites No Data & Pagination fix

app/dashboard/sites/SitesPage.tsx

@@ -56,6 +56,7 @@ export default function SitesPage({ username, name }: SitesPageProps) {
                     setItemPerPage={setItemPerPage}
                 />
 
+                {sites.length > 0 ? (
                     <div className={
                         itemPerPage === 5 
                             ? "flex flex-col gap-4 pt-4" 
@@ -71,6 +72,14 @@ export default function SitesPage({ username, name }: SitesPageProps) {
                             />
                         ))}
                     </div>
+                ) : (
+                    <div className="flex justify-center items-center h-48 bg-base-200 rounded-lg mt-4">
+                        <div className="text-center">
+                            <h3 className="text-lg font-bold">No Sites Found</h3>
+                            <p className="text-sm opacity-70">No sites match your current search criteria</p>
+                        </div>
+                    </div>
+                )}
             
                 <Pagination 
                     currentPage={currentPage} 

components/Pagination.tsx

@@ -9,7 +9,11 @@ export default function Pagination({
     itemsPerPage: number;
     onPageChange: (page: number) => void;
 }) {
-    const totalPages = Math.ceil(totalItems / itemsPerPage);
+    const totalPages = Math.max(1, Math.ceil(totalItems / itemsPerPage));
+    
+    if (totalItems === 0) {
+        return null;
+    }
 
     return (
         <div className="flex justify-center pt-4">   
@@ -25,7 +29,7 @@ export default function Pagination({
                     <button 
                         className="join-item btn" 
                         onClick={() => onPageChange(currentPage + 1)} 
-                        disabled={currentPage === totalPages}
+                        disabled={currentPage === totalPages || totalItems === 0}
                     >
                         »
                     </button>