feat(docs): Generate new shield interconnect docs.

* Add to metadata schema for interconnects.
* New conventional location for pinout diagrams/pics.
* New component to generate the tabs for the new shield
  doc section on interconnects.
* Add XIAO and arduino uno pinout diagram.

Co-authored-by: Cem Aksoylar <caksoylar@users.noreply.github.com>

schema/hardware-metadata.schema.json

@@ -85,6 +85,21 @@
         }
       }
     },
+    "interconnect_node_labels": {
+      "title": "InterconnectNodeLabels",
+      "type": "object",
+      "additionalProperties": false,
+      "required": [
+        "gpio"
+      ],
+      "properties": {
+        "gpio": { "type": "string" },
+        "i2c": { "type": "string" },
+        "spi": { "type": "string" },
+        "uart": { "type": "string" },
+        "adc": { "type": "string" }
+      }
+    },
     "interconnect": {
       "title": "Interconnect",
       "type": "object",
@@ -93,6 +108,7 @@
         "file_format",
         "id",
         "name",
+        "description",
         "url",
         "type"
       ],
@@ -117,6 +133,12 @@
         "description": {
           "type": "string"
         },
+        "node_labels": {
+          "$ref": "#/$defs/interconnect_node_labels"
+        },
+        "design_guideline": {
+          "type": "string"
+        },
         "manufacturer": {
           "type": "string"
         },