Follow up from #4453

Currently, documentation for <b-table> really only discusses and provides examples for the row-selected event:
https://bootstrap-vue.org/docs/components/table/#row-select-support

The only places the row-clicked event is mentioned are:
https://bootstrap-vue.org/docs/components/table/#data-row-accessibility
https://bootstrap-vue.org/docs/components/table/#comp-re

Since tslint is deprecated, we should migrate the project to use eslint with the typescript plugins instead.

See https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/README.md.

This work has been (sort of) started in realm/realm-js#2794.

Media queries can be replaced with Bootstrap mixins
Old

    @media (min-width: 768px) {
      .sidebar {
        position: static;
        height: 100%;
      }
    }
  }

New

    @include media-breakpoint-up(md) {
      .sidebar {
        position: static;
        height: 100%;
      }
    }
  }

More info in: [Bootstrap4 docs](https://getbootstrap.com/doc

I'm not sure why, but the offset-s0 was being ignored and overwritten by the medium one.
I changed it to offset-s0-important but that forced me to write down the offset for all the sizes instead of just medium.
<div class="xs12 s12 offset-xs0 offset-s0-important m6 offset-m3 offset-l3 offset-xl3">
It feels wrong to add so many classes. I expected it to work without the large and xl ve