Can't bind to 'cdkCopyToClipboard' since it isn't a known property of 'button'

**ISSUE 01**

I intend to copy some string to the clipboard. With this, I have a ButtonViewComponent as seen below

```
@Component({
selector: 'button-view',
styleUrls: ['./pages.component.scss'],
template: `
Copy To Clipboard
`,
})

export class CopyKeyButtonComponent implements ViewCell {
```

This component resides in the path

`src/app/pages/CopyKeyButtonComponent .ts`

In pages.module.ts I have added the API reference for Angular CDK clipboard as follows

`import {ClipboardModule} from '@angular/cdk/clipboard';`

then I added it to the imports list

```
imports: [
PagesRoutingModule,
ThemeModule,
NbMenuModule,
DashboardModule,
MiscellaneousModule,
ClipboardModule,
],
```

Perhaps I am doing it wrong, please advise.

**ISSUE 02**

I have applied the dark theme. However, when I type some text into a smart-table cell the font is black, when I move the cursor away, the text becomes white(on a white cell, and I cannot see the contents of the cell.

Please see attached file called nebular. I have typed some text under Product-Name but when I focus on another cell-item, the white text color renders it unreadable.


**ISSUE 03**

I am having trouble adding some white space to the user1 element found under @theme/components/header. I wish to move it to the extreme right of the header. Here is my code and css file of the header.component

In header.component.scss I have

```
.example-spacer {
flex: 1 1 auto;
```

in header.component.html I have

```