refactor: remove TextBlock component in favor of simpler section element

src/views/GeneralView.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import DataTable from "@/components/DataTable.vue";
-import TextBlock from "@/components/TextBlock.vue";
 
 const dob = new Date("1987-12-08");
 const locale = "en-US";
@@ -49,13 +48,13 @@ const sexData = [
 </script>
 
 <template>
-  <TextBlock>
+  <section>
     <h1>{{ $route.meta.title }}</h1>
-  </TextBlock>
+  </section>
 
   <DataTable :headings="heads" :data="data"></DataTable>
 
-  <TextBlock>
+  <section>
     <h2>Personality</h2>
     <p>
       Viktor is not a man of many words, his manner of expression is simple and
@@ -82,15 +81,15 @@ const sexData = [
       high-tech. He does have a smartphone, but he hates using it as much as he
       dislikes the fact he's dependent on owning one.
     </p>
-  </TextBlock>
+  </section>
 
-  <TextBlock>
+  <section>
     <h2>Sexuality</h2>
-  </TextBlock>
+  </section>
 
   <DataTable :headings="sexHeads" :data="sexData"></DataTable>
 
-  <TextBlock>
+  <section>
     <p>
       As a teenager, Viktor noticed that he felt a bit differently about the
       boys in his class. Especially in gym class, his eyes tended to linger
@@ -117,5 +116,5 @@ const sexData = [
       wouldn't remember much of the party, but what he didn't forget how good it
       felt to give himself to another man.
     </p>
-  </TextBlock>
+  </section>
 </template>