feat: Enhance Snippet Builder #46

[BochaberiDaisy]

Fix: #46

@hhkaos, please review the PR.

Features added:

• Increased the height of the body and description fields using Calcite.
• Added checkboxes to select language snippet scopes
• Implemented a "Copy to Clipboard" button.
• Introduced a button to import snippets.

[hhkaos]

thanks @BochaberiDaisy ! I'll check it later today 😄

[BochaberiDaisy]

Okay. I'll appreciate the feedback 😀

[hhkaos]

Hi @BochaberiDaisy ! it's looking pretty good, but I noticed some things are not properly working. Could you check these?

bugs.mp4

Thanks again! I really appreciate your time. You are doing it very good

[hhkaos]

This is good, I'm just missing the form to be filled too:

[hhkaos]

Would you mind using the <calcite-input type="file" ...>? (doc here)

For UX purposes, could could add a sample file, just in case; maybe a sample.json with something like this:

{
  "A JavaScript only snippet": {
      "scope": "javascript",
      "prefix": "myConsoleLog",
      "body": [
          "console.log(\"Hello Map\");"
      ],
      "description": "Console log \"Hello Map\""
  }
}

[BochaberiDaisy]

@hhkaos, thank you for the feedback. Let me work on the changes and share.

[hhkaos]

Sure @BochaberiDaisy ! let me know if you need any additional help 😄

[hhkaos]

LGTM! Great work @BochaberiDaisy! 👏