Panel should center its text by default

[huyenltnguyen]

Description

At the moment, the Panel component doesn't have any text alignment rule set. Though, I'm seeing a lot of Panel usages with className="text-center" in /learn.

I think either:

• Panel should have an alignment prop with center as the default; or
• Panel.Heading and Panel.Body should have an alignment prop with center as the default (this is similar to the Modal component)

[ZEviod]

Hey @huyenltnguyen ,

I'm interested in fixing this.
Should I proceed with this? Are there any specific requirements or considerations I need to be aware of before starting?

Thank you!