🔧 Add layout to PageRepositories

code/frontend/src/routes/PageRepositories.js

@@ -1,12 +1,18 @@
 import React from "react"
 import Style from "./PageRepositories.module.css"
 import classNames from "classnames"
+import BoxWithHeader from "../components/BoxWithHeader"
 
 
 export default function PageRepositories({ children, className, ...props }) {
     return (
         <div className={classNames(Style.PageRepositories, className)} {...props}>
-            {children}
+            <BoxWithHeader header={"Your active repositories"} className={Style.ActiveRepositories}>
+                a
+            </BoxWithHeader>
+            <BoxWithHeader header={"Your archived repositories"} className={Style.ArchivedRepositories}>
+                b
+            </BoxWithHeader>
         </div>
     )
 }

code/frontend/src/routes/PageRepositories.module.css

@@ -1,3 +1,21 @@
 .PageRepositories {
+    display: grid;
 
+    grid-template-areas:
+        "a"
+        "b"
+    ;
+
+    grid-gap: 10px;
+
+    width: 100%;
+    height: 100%;
+}
+
+.ActiveRepositories {
+    grid-area: a;
+}
+
+.ArchivedRepositories {
+    grid-area: b;
 }