feat: new BADGE function

[lucasrijllart]

The badge function provides an easy way to get the length of a variable (usually an array), and include an optional text prefix, such as media: 4 when counting number of media objects. It needs to handle empty and undefined values as well without erroring

[sww314]

We want to return empty string if there data is not right.
This follows the logic in most "badge" components.

[sww314]

if the length is 0 or undefined return nothing.

Also handle type error (swallow the error) if they pass in an object with out a length.

[lucasrijllart]

@sww314 I forgot you mentioned it should be empty rather than 0. Changed in aa58c18

1. If an object without a length is passed in, the ?.length already returns undefined and then the || '' will return empty. Do I need to add more handling? I thought this would handle every undefined case
2. For BADGE("A String"), given this is a length calculation, it makes sense to me that it returns the length of the string
3. For BADGE({"a": "1", "b": "2"}) the result is empty string. The object has no length so it defaulted to empty

[sww314]

Do not show anything with length == 0 (or if object is undefined).

If we want, we could add a showZero prop... but I am not sure it is needed.
https://mui.com/material-ui/react-badge/

Also if you pass in:

BADGE("A String")

You will get an answer. Maybe that is fine.

What happens if you pass in:

BADGE({"a": "1", "b": "2"})

[sww314]

for completeness should we add postfix?

BADGE(values, "[", "]") --> [5]

[sww314]

Suggested change

	const length = array?.length || '';
	return `${prefix}${length}`;
	const length = array?.length || '';
	if length:
	return `${prefix}${length}`;
	return '';

make it easy to return nothing.

[lucasrijllart]

added postfix modified logic in in ab2c955

This does modify the behavior tho: in my previous code it would still show the pre/postfix with an empty value, whereas now it doesn't. Seems fine either way but probably more correct to display nothing