docs(data-table): extract "Sortable with pagination" example into iframe (#1456)

docs/src/pages/framed/DataTable/DataTablePagination.svelte

@@ -0,0 +1,34 @@
+<script>
+  import { DataTable, Pagination } from "carbon-components-svelte";
+
+  let rows = Array.from({ length: 10 }).map((_, i) => ({
+    id: i,
+    name: "Load Balancer " + (i + 1),
+    protocol: "HTTP",
+    port: 3000 + i * 10,
+    rule: i % 2 ? "Round robin" : "DNS delegation",
+  }));
+  let pageSize = 5;
+  let page = 1;
+</script>
+
+<DataTable
+  sortable
+  title="Load balancers"
+  description="Your organization's active load balancers."
+  headers="{[
+    { key: 'name', value: 'Name' },
+    { key: 'protocol', value: 'Protocol' },
+    { key: 'port', value: 'Port' },
+    { key: 'rule', value: 'Rule' },
+  ]}"
+  pageSize="{pageSize}"
+  page="{page}"
+  rows="{rows}"
+/>
+<Pagination
+  bind:pageSize
+  bind:page
+  totalItems="{rows.length}"
+  pageSizeInputDisabled
+/>