The button is not showing modal pop in blazor app

Hi Team

My app does not have any js error, but when i clicked the button its not launching modal form. What am missing?

@page "/main"
@using OperationManagerApp.Components;
@using OperationManagerApp.Models
@using Blazored.Modal
@using Blazored.Modal.Services

@inject IModalService Modal

Main Screen

Add Operation



@code {
    private List operations = new List(); // Initialize with an empty list

    private async Task ShowAddOperationModal()
    {
        var modal = Modal.Show("Add New Operation");
        var result = await modal.Result; 

        if (!result.Cancelled)
        {
            var newOperation = (Operation)result.Data; 
            operations.Add(newOperation); 
        }
    }

    private void RemoveOperation(int operationId)
    {
        var operationToRemove = operations.FirstOrDefault(op => op.OperationID == operationId);
        if (operationToRemove != null)
        {
            operations.Remove(operationToRemove); 
        }
    }
}