Improve docs on styled object literal syntax

[s-h-a-d-o-w]

Even though I worked with panda before, I just spent an embarrassingly long time trying to figure out why on earth object literal syntax doesn't work in another new project that I just set up.

It took me so long to figure out because when searching the docs for "styled", it's primarily this that comes up: https://panda-css.com/docs/concepts/template-literals#the-styled-tag

It seems like object literal syntax is only really explained in this migration guide here: https://panda-css.com/docs/migration/styled-components#installation-and-syntax

But re-initializing seems excessive if all that it takes is adding a single line to the config and then generating the code again. And so I think it would be great if it could either be mentioned in the template literal docs or get its own brief chapter next to the template literal chapter or a section within the template literal docs.

[segunadebayo]

I'm not sure I understand clearly. Could you share a simple phrase/text that would have saved some time? I'll add it to the docs right away.

[s-h-a-d-o-w]

Thought it would be easiest to show via PR: #3290