refactor: use an <article> element for for package readme (#524)

Co-authored-by: Rshig <90143161+rshigg@users.noreply.github.com>

Author: knowler

app/components/PackageSkeleton.vue

@@ -150,7 +150,7 @@
       </div>
 
       <!-- Sidebar: order-1 lg:order-2 space-y-8 -->
-      <aside class="order-1 lg:order-2 space-y-8">
+      <div class="order-1 lg:order-2 space-y-8">
         <!-- Maintainers -->
         <section>
           <h2
@@ -249,7 +249,7 @@
             </li>
           </ul>
         </section>
-      </aside>
+      </div>
     </div>
   </article>
 </template>

app/pages/[...package].vue

@@ -907,7 +907,7 @@ function handleClick(event: MouseEvent) {
           </a>
         </h2>
         <!-- eslint-disable vue/no-v-html -- HTML is sanitized server-side -->
-        <div
+        <article
           v-if="readmeData?.html"
           class="readme-content prose prose-invert max-w-[70ch]"
           v-html="readmeData.html"
@@ -923,7 +923,7 @@ function handleClick(event: MouseEvent) {
 
       <div class="area-sidebar">
         <!-- Sidebar -->
-        <aside class="sticky top-20 space-y-6 sm:space-y-8 min-w-0 overflow-hidden">
+        <div class="sticky top-20 space-y-6 sm:space-y-8 min-w-0 overflow-hidden">
           <!-- Maintainers (with admin actions when connected) -->
           <PackageMaintainers :package-name="pkg.name" :maintainers="pkg.maintainers" />
 
@@ -1031,7 +1031,7 @@ function handleClick(event: MouseEvent) {
             :peer-dependencies-meta="displayVersion.peerDependenciesMeta"
             :optional-dependencies="displayVersion.optionalDependencies"
           />
-        </aside>
+        </div>
       </div>
     </article>