fix: Resize column error if double click in FluentDataGrid

[f4n0]

🐛 Bug Report

When using a DataGrid with resizable column width, if you double click on the column separator and then try to resize a column, it will continue to resize on hovering the same column

💻 Repro or Code Sample

On Demo site:

1. Find a datagrid with resizable column
2. Double click on separator
3. Start resizing the column
4. stop clicking
5. hoover on column

Here's a video

Fluent.UI.Blazor.components.demo.page.-.Work.-.Microsoft_.Edge.2024-02-27.10-03-32.online-video-cutter.com.1.mp4

🤔 Expected Behavior

I was trying to see if it was like excel (double click as best fit)

😯 Current Behavior

See video

💁 Possible Solution

🔦 Context

🌍 Your Environment

Demo site

• OS & Device: [e.g. MacOS, iOS, Windows, Linux] on [iPhone 7, PC]
• Browser [e.g. Microsoft Edge, Google Chrome, Apple Safari, Mozilla FireFox] Edge, Chrome, Opera (not Firefox)
• .NET and Fluent UI Blazor library Version [e.g. 8.0.2 and 4.4.1] as demo

[vnbaaij]

It definitely does not work like Excel 😀

The resizing logic of the DataGrid needs an overhaul. It is on our ToDo list...