Rework _BlockTable.scss to allow for a la carte imports in Vue.js

[stephiescastle]

Description

1. Currently, _BlockTable.scss uses the following, which require additional scss dependencies:

• @extend .BlockText which requires importing _BlockText.scss to the Vue.js component as well
• @apply ... text-subtitle ... which requires importing _typography.scss to the Vue.js component

I would prefer to eliminate the need for these workarounds and handle the imports locally in _BlockTable.scss (in some way that doesn't duplicate class definitions) or for .text-subtitle, to apply the equivalent tailwindcss classes.

Here's a relevant discussion in www-frontend: https://github.com/nasa-jpl/www-frontend/pull/1346#discussion_r842164357

2. Additionally, since styles are declared for all of the table markup elements, can we eliminate all of the inline classes in the template? Right now the CSS styles for .BlockTable are overriding the inline classes.