updated calendar to be tabular, moved bid schedule there, started client view refactoring

frontend/src/components/pages/Clients.vue

@@ -21,6 +21,7 @@
 			:totalRecords="totalRecords"
 			:loading="isLoading"
 			@lazy-load="handleLazyLoad"
+			@row-click="handleRowClick"
 		/>
 	</div>
 </template>
@@ -121,7 +122,7 @@ const columns = [
 		filterInputId: "customerSearchInput",
 	},
 	{
-		label: "Address",
+		label: "Property",
 		fieldName: "address",
 		type: "text",
 		sortable: true,
@@ -181,20 +182,6 @@ const tableActions = [
 		},
 		// Global action - always available
 	},
-	{
-		label: "View Details",
-		action: (rowData) => {
-			router.push(`/client?client=${rowData.customerName}&address=${rowData.address}`);
-		},
-		type: "button",
-		style: "info",
-		icon: "pi pi-eye",
-		requiresSelection: true, // Single selection action - appears above table, enabled when exactly one row selected
-		layout: {
-			position: "center",
-			variant: "outlined",
-		},
-	},
 	// {
 	// 	label: "Export Selected",
 	// 	action: (selectedRows) => {
@@ -338,6 +325,12 @@ watch(
 	{ deep: true },
 );
 
+// Handle row click to navigate to client details
+const handleRowClick = (event) => {
+	const rowData = event.data;
+	router.push(`/client?client=${rowData.customerName}&address=${rowData.address}`);
+};
+
 onMounted(async () => {
 	// if lookup has a value (it will either be "customer" or "property", put focus onto the appropriate search input)
 	if (lookup) {