refactor: ♻️ assign grid-areas inside component classes

src/components/page-content.webc

@@ -6,6 +6,8 @@
 
 <style webc:scoped="page-content">
   :host {
+    grid-area: content;
+
     width: 100%;
     max-width: 65ch;
 

src/components/profile.webc

@@ -23,6 +23,8 @@
     position: var(--sidebar-position);
     top: var(--page-spacing);
 
+    grid-area: info;
+
     display: grid;
     grid-template-columns: var(--sidebar-grid-columns);
     grid-template-areas: var(--sidebar-grid-areas);

src/layouts/character.webc

@@ -80,14 +80,6 @@ layout: base.webc
     hyphens: auto;
   }
 
-  aside {
-    grid-area: info;
-  }
-
-  section {
-    grid-area: content;
-  }
-
   footer {
     --columns: 1fr;