refactor(ui): removed n-p components in about page (CorentinTh#662)

src/pages/About.vue

@@ -7,17 +7,17 @@ const { tracker } = useTracker();
 </script>
 
 <template>
-  <div class="about-page">
-    <n-h1>About</n-h1>
-    <n-p>
+  <div mx-auto mt-50px max-w-600px>
+    <h1>About IT-Tools</h1>
+    <p text-justify>
       This wonderful website, made with ❤ by
       <c-link href="https://github.com/CorentinTh" target="_blank" rel="noopener">
         Corentin Thomasset
       </c-link>,
       aggregates useful tools for developer and people working in IT. If you find it useful, please feel free to share
       it to people you think may find it useful too and don't forget to bookmark it in your shortcut bar!
-    </n-p>
-    <n-p>
+    </p>
+    <p text-justify>
       IT Tools is open-source (under the MIT license) and free, and will always be, but it costs me money to host and
       renew the domain name. If you want to support my work, and encourage me to add more tools, please consider
       supporting by
@@ -29,20 +29,20 @@ const { tracker } = useTracker();
       >
         sponsoring me
       </c-link>.
-    </n-p>
+    </p>
 
-    <n-h2>Technologies</n-h2>
-    <n-p>
+    <h2>Technologies</h2>
+    <p text-justify>
       IT Tools is made in Vue.js (Vue 3) with the the Naive UI component library and is hosted and continuously deployed
       by Vercel. Third-party open-source libraries are used in some tools, you may find the complete list in the
       <c-link href="https://github.com/CorentinTh/it-tools/blob/main/package.json" rel="noopener" target="_blank">
         package.json
       </c-link>
       file of the repository.
-    </n-p>
+    </p>
 
-    <n-h2>Found a bug? A tool is missing?</n-h2>
-    <n-p>
+    <h2>Found a bug? A tool is missing?</h2>
+    <p text-justify>
       If you need a tool that is currently not present here, and you think can be useful, you are welcome to submit a
       feature request in the
       <c-link
@@ -53,8 +53,8 @@ const { tracker } = useTracker();
         issues section
       </c-link>
       in the GitHub repository.
-    </n-p>
-    <n-p>
+    </p>
+    <p text-justify>
       And if you found a bug, or something doesn't work as expected, please file a bug report in the
       <c-link
         href="https://github.com/CorentinTh/it-tools/issues/new/choose"
@@ -64,22 +64,6 @@ const { tracker } = useTracker();
         issues section
       </c-link>
       in the GitHub repository.
-    </n-p>
+    </p>
   </div>
 </template>
-
-<style scoped lang="less">
-.about-page {
-  max-width: 600px;
-  margin: 50px auto;
-  box-sizing: border-box;
-
-  .n-h2 {
-    margin-bottom: 0px;
-  }
-
-  .n-p {
-    text-align: justify;
-  }
-}
-</style>