[ic-data-table]: Add more data table alignment examples

[jd239]

What component is this related to?

ic-data-table

Why do we need it?

More code snippets are required for data table so consumers are aware of the alignment options available for example:

• Colspan - currently has a bug: https://github.com/mi6/ic-ui-kit/issues/2387 so will need to be fixed before Colspan example can be added
• Header Cell Alignment

Related open issues

N/A

[jd239]

For more context, this ticket should result in using cellAlignment and colsSpan within the columns prop data.

[ad9242]

ensure any new examples added are coffee themed. existing examples on the site will be covered by: #1414

[GCHQ-Developer-299]

There's an issue with the Sort Options React Javascript example, it fails to load and throws this error:

[error] src/app.jsx: SyntaxError: Unexpected token, expected "from" (3:13)
[error]   1 | import React from 'react';
[error]   2 | import { IcDataTable } from '@ukic/canary-react';
[error] > 3 | import type { IcDataTableColumnObject } from '@ukic/canary-web-components';
[error]     |             ^
[error]   4 |   
[error]   5 | import "@ukic/fonts/dist/fonts.css";
[error]   6 | import "@ukic/react/dist/core/core.css";