Data Table Component and update to profiles PAT table

[ChrisHuynh333]

What does this PR do and why?

This PR adds the DataTableComponent which acts as the shell for our table components and will eventually be implemented into all our tables.

To start, the PersonalAccessTokens table has been updated to use the DataTableComponent

Screenshots or screen recordings

How to set up and validate locally

1. Navigate to the access tokens page via User Settings > Access Tokens
2. Verify the access tokens table lists the proper data as expected
3. Verify Revoke works as expected
4. Additional user feedback (flash messages) has been added to this page. Test the following and ensure the proper messages are displayed:

• Create access token successfully
• Create access token failure with no scopes selected
• Revoke token success

5. Verify empty table state when no personal access tokens

PR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the PR acceptance checklist for this PR.

[github-actions]

Code Metrics Report

Coverage	Test Execution Time
93.2%	9m44s

Code coverage of files in pull request scope (99.4%)

Files	Coverage
app/components/viral/data_table/column_component.rb	100.0%
app/components/viral/data_table_component.html.erb	100.0%
app/components/viral/data_table_component.rb	100.0%
app/controllers/profiles/personal_access_tokens_controller.rb	100.0%
app/helpers/view_helper.rb	100.0%
app/views/profiles/personal_access_tokens/_form.html.erb	100.0%
app/views/profiles/personal_access_tokens/_table.html.erb	95.8%
app/views/profiles/personal_access_tokens/create.turbo_stream.erb	100.0%
app/views/profiles/personal_access_tokens/index.html.erb	100.0%
app/views/profiles/personal_access_tokens/revoke.turbo_stream.erb	100.0%

---

Reported by octocov

[joshsadam]

This looks really good.