feat: many additions for new table structure

[kiaking]

OK this includes a lot more changes than I expected but here it is.

• Add :trail-icon option to <SButton>.
• Add <SPagination> component.
• Add <SControl> and its child components.
• Add many utility css classes.

Here is how you would build table with this changes.

<SCard>
  <SCardBlock size="medium" class="s-px-12">
    <SControl>
      <SControlLeft>
        <SControlInputSearch class="s-max-w-320" :model-value="null" />
        <SControlButton type="outline" mode="mute" label="Reset filters" @click="resetFilters" />
      </SControlLeft>
      <SControlRight>
        <SControlButton mode="info" label="New item" />
      </SControlRight>
    </SControl>
  </SCardBlock>
  <SCardBlock>
    <STable class="table" :options="table" />
  </SCardBlock>
  <SCardBlock size="medium" class="s-px-12">
    <SControl>
      <SControlRight>
        <SControlPagination
          :total="orderedData.length"
          :page="1"
          :per-page="orderedData.length"
        />
      </SControlRight>
    </SControl>
  </SCardBlock>
</SCard>

Size of <SCardBlock>

While testing many scenarios, it was impossible to control the padding of the card block automatically. It depends on many factors.

So, the new :size on <SCardBlock> will only control the height of the block. And padding should be added using css utility classes, or just define any css (especially when you need responsive design).

Size of <SControl>

When used inside <SCardBlock>, <SControl> will automatically pickup the correct size.

Changes to <SCard>

Using <SControl>, we can build the same thing as <SCardHeader> and <SCardFooter>, so I think we can deprecated these.

Docs update

There are many deprecations, but I'm leaving the docs as is for now. Too many changes 🫠

---

[netlify]

✅ Deploy Preview for sefirot-docs ready!

Name	Link
🔨 Latest commit	3b57242
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-docs/deploys/6588fc643537890008033f25
😎 Deploy Preview	https://deploy-preview-425--sefirot-docs.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.

[netlify]

✅ Deploy Preview for sefirot-story ready!

Name	Link
🔨 Latest commit	3b57242
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-story/deploys/6588fc6417ca1f0008b4e733
😎 Deploy Preview	https://deploy-preview-425--sefirot-story.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.