More flexible Table.Head/Footer with [noCell] prop for better pinCols support

[AndrewBrough]

Addresses #462

Currently the Table.Head/Body/Row/Footer pattern is very rigid - always wrapping children with th/td tags in Head/Footer. We don't want to break backwards compatibility, so to enable better table customization this PR adds the noCell property to Table.Head, Row and Footer. This prop allows devs to disable internally wrapping th/td tags and pass th/td tags as children manually - but still keep the useful default behaviour.

This is useful because it lets devs pin th tags in a row at any location, not just the first child.

eg.

What you couldn't do but now can with noCell:

<Table pinCols>
  <Table.Head noCell>
    <th></th>
    <td></td>
    <td></td>
    <th></th>
    <td></td>
    <td></td>
  </Table.Head>

  <Table.Body>
    <Table.Row noCell>
      <th></th>
      <td></td>
      <td></td>
      <th></th>
      <td></td>
      <td></td>
    </Table.Row>
  </Table.Body>

  <Table.Footer noCell>
    <th></th>
    <td></td>
    <td></td>
    <th></th>
    <td></td>
    <td></td>
  </Table.Footer>
</Table>

Also updated tests for Table.Head/Row/Footer to cover noCell cases AND updated the story with a robust example with staggered th tags when noCell is enabled.

[netlify]

👷 Deploy Preview for react-daisyui processing.

Name	Link
🔨 Latest commit	8459937
🔍 Latest deploy log	https://app.netlify.com/sites/react-daisyui/deploys/66e45549f48f9d00087b2ea9

[netlify]

✅ Deploy Preview for react-daisyui ready!

Name	Link
🔨 Latest commit	8459937
🔍 Latest deploy log	https://app.netlify.com/sites/react-daisyui/deploys/66e45549f48f9d00087b2ea9
😎 Deploy Preview	https://deploy-preview-463--react-daisyui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[AndrewBrough]

Note that I didn't end up addressing the original comment I made about Table.Head not letting me pass Table.Row into it as I originally expected - the issue was actually that you can't customize the child cells. I left Table.Head & Footer with a tag within because it wasn't causing issues.

Maybe one day someone would want to pass props into that tr, in which case we could just remove it and make devs have the same structure as Table.Body.

[benjitrosch]

LGTM