fix: duplicate id data-table in carbon-website (#5080)

* fix: duplicate id data-table in carbon-website

* fix: fix duplicate label of a rest of page

Co-authored-by: TJ Egan <tw15egan@gmail.com>
Co-authored-by: Josh Black <josh@josh.black>

Author: 3 people

packages/components/src/components/data-table/data-table.config.js

@@ -165,8 +165,8 @@ const columnsExpandable = [
     name: 'select',
     title: 'Label name',
     checkbox: true,
-    checkboxId: `${prefix}--checkbox-20`,
-    checkboxName: 'checkbox-20',
+    checkboxId: `${prefix}--checkbox-21`,
+    checkboxName: 'checkbox-21',
     checkboxValue: 'green',
   },
   {
@@ -209,10 +209,10 @@ const columnsSmall = columns.slice(1, -1).map(column => ({
 
 const rows = [
   {
-    id: 'row-id-13',
+    id: 'row-id-16',
     select: {
-      id: `${prefix}--checkbox-13`,
-      name: 'checkbox-13',
+      id: `${prefix}--checkbox-16`,
+      name: 'checkbox-16',
       value: 'green',
       label: 'Label name',
     },
@@ -338,8 +338,8 @@ const rowsExpandable = [
       ` <p>A variety of content types can live here. Be sure to follow Carbon design guidelines for spacing and alignment.</p>
     `,
     select: {
-      id: `${prefix}--checkbox-12`,
-      name: 'checkbox-12',
+      id: `${prefix}--checkbox-10`,
+      name: 'checkbox-10',
       value: 'green',
       label: 'Label name',
     },