Alignment with Carbon version 10.32 (#588)

* feat(code-snippet): add copy functionality

- docs: add custom feedback copy text example

* feat(tile): support disabled state for SelectableTile, RadioTile

Closes #539

* build(rollup): add clipboard-copy to globals

* feat(copy-button): add copy functionality

* feat(content-switcher): deprecate the light prop

- docs: remove the light variant example

* fix(toolbar-search): remove outer div

* feat(search): add searchClass prop

* fix(composed-modal): set hasScrollingContent class on ModalBody

* docs(data-table): add expandable size examples

* feat(tooltip): add TooltipFooter component

* fix(time-picker): correctly display invalidText

* feat(breadcrumb): support overflow menu

* feat(multi-select): export inputRef prop

* chore(deps-dev): upgrade carbon-components to v10.32.0

* feat(form): add noMargin prop to FormGroup

* docs(tooltip): document TooltipFooter

* feat(context-menu): support danger kind for ContextMenuOption

* feat(data-table): support rendering empty table header in skeleton

* refactor(types): use shorter import path in DataTableSkeleton

* feat(data-table): allow sorting to be disabled for a specific header

* docs(data-table): update example to desort the Protocol header

As an example, it makes more sense because all the values ("http") are the same.

* fix(context-menu): set initial y offset of context menu based on window height #577

* fix(context-menu): render submenu based on viewport constraints #577

src/DataTable/ToolbarSearch.svelte

@@ -32,32 +32,33 @@
     await tick();
     ref.focus();
   }
+
+  $: classes = [
+    expanded && "bx--toolbar-search-container-active",
+    persistent
+      ? "bx--toolbar-search-container-persistent"
+      : "bx--toolbar-search-container-expandable",
+    disabled && "bx--toolbar-search-container-disabled",
+  ]
+    .filter(Boolean)
+    .join(" ");
 </script>
 
-<div
-  tabindex="{expanded || disabled ? '-1' : tabindex}"
-  class:bx--toolbar-action="{true}"
-  class:bx--toolbar-search-container-active="{expanded}"
-  class:bx--toolbar-search-container-expandable="{!persistent}"
-  class:bx--toolbar-search-container-persistent="{persistent}"
-  class:bx--toolbar-search-container-disabled="{disabled}"
-  on:click="{expandSearch}"
+<Search
+  size="sm"
+  tabindex="{tabindex}"
+  disabled="{disabled}"
+  {...$$restProps}
+  searchClass="{classes} {$$restProps.class}"
+  bind:ref
+  bind:value
+  on:clear
+  on:change
+  on:input
+  on:focus
   on:focus="{expandSearch}"
->
-  <Search
-    size="sm"
-    tabindex="{expanded ? tabindex : '-1'}"
-    disabled="{disabled}"
-    {...$$restProps}
-    bind:ref
-    bind:value
-    on:clear
-    on:change
-    on:input
-    on:focus
-    on:blur
-    on:blur="{() => {
-      expanded = !persistent && !!value.length;
-    }}"
-  />
-</div>
+  on:blur
+  on:blur="{() => {
+    expanded = !persistent && !!value.length;
+  }}"
+/>