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

Goals

Update code to npm install --save realm@5.0.0 at realm package installation instruction after switching to Realm JavaScript 5.0.0 Latest in the documentation.

Expected Results

npm install --save realm@5.0.0 at installation instruction of Realm JavaScript 5.0.0 Latest in the documentation.

Actual Results

Package installation with the instruction of 4.0.0beta version in the

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