feat(grid): add <SGrid> component

[kiaking]

Add <SGrid> component.

This is a utility component that makes it a bit easy to define CSS Grid. Especially useful on apps that don't require responsive design. It just reduces a lot of boiler plate CSS and we quite use this a lot.

<SGrid cols="4" gap="24">
  <SGridItem span="2">
    <div>...</div>
  </SGridItem>
  <SGridItem span="1">
    <div>...</div>
  </SGridItem>
</SGrid>

[netlify]

✅ Deploy Preview for sefirot-story ready!

Name	Link
🔨 Latest commit	23d3ddc
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-story/deploys/64b66b5d5f3b0a0008083b8c
😎 Deploy Preview	https://deploy-preview-313--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.

[codecov]

Codecov Report

Patch coverage: 100.00% and project coverage change: +0.06 🎉

Comparison is base (4546cab) 83.57% compared to head (23d3ddc) 83.63%.

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #313      +/-   ##
==========================================
+ Coverage   83.57%   83.63%   +0.06%     
==========================================
  Files         123      125       +2     
  Lines       10515    10556      +41     
  Branches      448      450       +2     
==========================================
+ Hits         8788     8829      +41     
  Misses       1727     1727              

Impacted Files	Coverage Δ
lib/components/SGrid.vue	100.00% <100.00%> (ø)
lib/components/SGridItem.vue	100.00% <100.00%> (ø)

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[netlify]

✅ Deploy Preview for sefirot-docs ready!

Name	Link
🔨 Latest commit	23d3ddc
🔍 Latest deploy log	https://app.netlify.com/sites/sefirot-docs/deploys/64b66b5db013a00007e105ce
😎 Deploy Preview	https://deploy-preview-313--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.