Develop a Lightning component that allows users to mass update the close date on opportunities. 
Integrate this component into the Opportunity List View page and allow for bulk updates. The opportunities should be selected from the standard list view and on clikc of a butoon iit should navigate to another page where the opportunity close date gets updated and display the result . The code is not working as expected. Opportunity close date is not egtting udpated
This is the controller:
public with sharing class OpportunityUpdateController {
 @AuraEnabled(cacheable=true)
    public static void updateOpportunities(List<Id> opportunityIds, String newCloseDate) {
        List<Opportunity> opportunitiesToUpdate = new List<Opportunity>();

        for (Id oppId : opportunityIds) {
            Opportunity opp = new Opportunity(Id = oppId);
            opp.CloseDate = Date.valueOf(newCloseDate);
            opportunitiesToUpdate.add(opp);
            system.debug('opportunitiesToUpdate:' +opportunitiesToUpdate);
        }

        update opportunitiesToUpdate;
    }
}
This is the html code

<template>
    <lightning-card title="Mass Update Close Date">
        <div class="slds-p-around_medium">
            <lightning-input type="date" label="New Close Date" value={newCloseDate} onchange={handleDateChange}></lightning-input>
            <lightning-button label="Update Close Date" onclick={updateCloseDate} variant="brand"></lightning-button>
        </div>
        <lightning-datatable
            key-field="Id"
            data={opportunities}
            columns={columns}
            selected-rows={selectedOpportunities}
            onrowselection={handleRowSelection}
        >
        </lightning-datatable>
    </lightning-card>
</template>
this is the js code
import { LightningElement, api, track } from 'lwc';
import updateOpportunities from '@salesforce/apex/OpportunityUpdateController.updateOpportunities';
const columns = [
    { label: 'Opportunity Name', fieldName: 'Name' },
    { label: 'Close Date', fieldName: 'CloseDate', type: 'date' }
];
export default class massUpdateOpportunityCloseDate extends LightningElement {
    @api opportunities;
    @track newCloseDate;
    @track columns = columns;
    @track selectedOpportunities = [];
    @track updateMessage = '';
    handleDateChange(event) {
        this.newCloseDate = event.target.value;
        console.log('New Close Date:', this.newCloseDate);
    }
    handleRowSelection(event) {
        this.selectedOpportunities = event.detail.selectedRows;
        console.log('Selected Opportunities:', this.selectedOpportunities);
    }
    updateCloseDate() {
        if (!this.newCloseDate || this.selectedOpportunities.length === 0) {
            this.updateMessage = 'Please select opportunities and provide a valid new close date.';
            return;
        }
        const opportunityIds = this.selectedOpportunities.map(opp => opp.Id);
        console.log('Opportunity IDs:', opportunityIds);
        updateOpportunities({ opportunityIds: opportunityIds, newCloseDate: this.newCloseDate })
            .then(result => {
               
                this.updateMessage = 'Opportunities updated successfully.';
                console.log('Update Result:', result);
            })
            .catch(error => {
               
                this.updateMessage = 'Error updating opportunities: ' + JSON.stringify(error);
                console.error('Update Error:', error);
            });
    }
}