Index display disturbed due to conditional "Badge Field"

[mahfoudfx]

• Laravel Version: 8.59.0
• Nova Version: 3.29.0
• PHP Version: 8.0.10
• Database Driver & Version:
• Operating System and Version: Ubuntu 20.04.3 LTS
• Browser type and version: Microsoft Edge 93.0.961.38 / Google Chrome 93.0.4577.63

Description:

Hello,
I have placed a Badge Field for payments status with condition to show on Index only when it is not paid. I get the below index display.
Figure 1: when first row meets the condition to display the badge field on index.

Figure 2: when the first row doesn't meet the condition to display the badge field on index.

Detailed steps to reproduce the issue on a fresh Nova installation:

Place a Badge Field with condition to display on Index.

[crynobone]

Please provide full repository to help us debug your exact use case.

[mahfoudfx]

Below the part of code in the Resource

(new Panel('Payment', $this->paymentFields()))->limit(2),
//
//Some code
//
protected function paymentFields()
    if ($this->price_tf - $this->paid_amount >0)
        return [
            Badge::make('Payment', function () {
                return 'Not paid';
                })->map([
                    'Not paid' => 'danger',
                ]),
        ];
        else
        return [
            Badge::make('Status', function () {
                return 'Paid';
                })->map([
                    'Paid' => 'success',
                ])->hideFromIndex(),
}