feat: Add tabs for code snippets

This issue is a request to add tabs for code snippets, like this.

Requirements:

Add as many tabs as you want
Name tabs the way you want
Once a certain tab is chosen, the rest of the tabs on the page should switch to the same tab
While switching between tabs, the page shouldn't jump up or down
The tabs should support markdown
Ideally, the tabs should do code highlighting for specified languages
```
```c
...
```

What I tried

Found two existing shortcodes

Code toggles - not exactly what we need
Tabs - exactly what we need
- Tried to extract the code from the theme but failed due to lack of expertise in javascript, CSS, and HTML

Code toggles #

Code Toggle is implemented in the Hugo docs theme. This shortcode converts given code to YAML, JSON, and TOML formats, then creates a code block with respective tabs.

Hugo docs: Site configuration
- Source code
Design system: Code Toggle

Tabs #

Tabs is implemented in the Learn theme. This is exactly what we need.

Basic example: tabs
- Tried using it. The rendered result is 3 separate code snippets, no tabs.
Tabs implemented in the Learn theme
- Source code
- Tried to extract the code. Identified the files listed below and copied them. Apparently, it is not all the code that tabs has in the theme.

Some files containing the code for tabs are:

assets/css/tabs.css
assets/js/jquery-3.3.1.min.js
assets/js/tabs.js
layouts/shortcodes/tab.html
layouts/shortcodes/tabs.html

Other resources

Tried both below, but they seem to lack css and javascript files, because I get several code snippets rendered one after another and no tabs.

espressif / developer-portal