fix: Value set from outside of component is not displayed in FluentCombobox.

[filipigic]

🐛 Bug Report

I'm having issues with displaying the option I have set from the code to a FluentCombobox after the component has been interacted with through the UI. Similar to the behaviour here in #266.

💻 Repro or Code Sample

<p>Selected value: @selectedValue</p>

<FluentButton Appearance="Appearance.Accent" @onclick="@(() => ChangeValue("A"))">A</FluentButton>
<FluentButton Appearance="Appearance.Accent" @onclick="@(() => ChangeValue("B"))">B</FluentButton>
<FluentButton Appearance="Appearance.Accent" @onclick="@(() => ChangeValue("C"))">C</FluentButton>

<FluentCombobox
    Items="@values"
    @bind-Value="@selectedValue"/>

@code {
    private List<string> values = new List<string> { "A", "B", "C" };
    private string selectedValue = "A";

    private void ChangeValue(string value)
    {
        selectedValue = value;
    }
}

Setting a selected value with the buttons works fine when first initialised. However, if you were to set a selected value from the combobox and then tried to set a selected value from the buttons it wouldn't work.

🤔 Expected Behaviour

The buttons selected should still set the option in the combobox.

😯 Current Behaviour

The selected value is not reflected in the combobox.

💁 Possible Solution

Currently in the FluentCombox component the value is being set to the attribute "value".

value=@Value

The attribute should be changed to "current-value".

current-value=@Value

A temporary workaround is to set the "current-value" through the additional attributes field.

I don't mind contributing and making the change.

🌍 Your Environment

.NET 6.0
Microsoft.Fast.Components.FluentUI (2.0.3)
FluentUI Web Components (2.5.12)
Edge (109.0.1518.70)