fix: Table Border Radius doesnt work

[ShalmonAnandas]

Description

Border Radius doesn't work for table; this is a limitation of the TableBorder class, where borderRadius only works with TableBorder.all() and not with TableBorder() or TableBorder.symmetric()

Steps To Reproduce

1. Add borderRadius to tableBorder in json
2. borderRadius is not applied

Expected Behavior

Add support for tableBorder.all() constructor.

Additional Context

This can be done in 2 ways.

1. Intrinsically where if dev passes borderRadius and nothing else then use TableBorder.all() constructor to render; if user passes other variables then ignore borderRadius altogether.
2. Explicitly where dev can state if they want to use TableBorder or TableBorder.all(); this will also allow us to color, width and style properties which are supported by TableBorder.all()

If approach 2 is to be implemented, then support for TableBorder.symmetric() should also be added to round off the widget

[ShalmonAnandas]

@divyanshub024 @ishanvaghani thoughts on this?

[divyanshub024]

@ShalmonAnandas Thanks for raising this issue. This issue is happening as TableBorder requires us to pass all these parameters.

    this.top = BorderSide.none,
    this.right = BorderSide.none,
    this.bottom = BorderSide.none,
    this.left = BorderSide.none,
    this.horizontalInside = BorderSide.none,
    this.verticalInside = BorderSide.none,

If it's not passed, it takes it as none by default.

The best possible solution is to use TableBorder.all for now. As it's easier to understand and implement in JSON. Later on, we can add other border types.