add(About+Systems): separated into components

frontend/src/pages/Home.tsx

@@ -1,5 +1,7 @@
 import { useState, type ReactElement } from "react";
 import ProjectsReadme from "../components/ProjectsReadme";
+import Systems from "../components/Systems";
+import About from "../components/About";
 
 interface ProjectInfo {
     id: string;
@@ -73,12 +75,20 @@ export default function Home(): ReactElement {
         {
             id: "systems",
             title: "Systems",
-            content: <p>Systems content goes here.</p>,
+            content: (
+                <>
+                    <Systems />
+                </>
+            ),
         },
         {
             id: "about",
             title: "About",
-            content: <p>About content goes here.</p>,
+            content: (
+                <>
+                <About />
+                </>
+            ),
         },
     ];