Update contents of components for Home Page

Author: LemonDrew

frontend/src/app/components/home/HistoryPage.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+
+export default function HistoryPage() {
+    return (
+        <Card className="w-[60%] mr-3">
+            <CardHeader>
+                <CardTitle className="text-2xl font-bold">
+                    Recent Sessions
+                </CardTitle>
+            </CardHeader>
+
+            <CardContent>
+                {/* TODO Add scrollable area of sessions */}
+
+            </CardContent>
+        </Card>
+    )
+}

frontend/src/app/components/home/QuickActionsPage.tsx

@@ -0,0 +1,15 @@
+"use client";
+
+import { Card, CardHeader, CardTitle } from "@/components/ui/card";
+
+export default function QuickActionsPage() {
+    return (
+        <Card className="ml-3 w-[40%]">
+            <CardHeader>
+                <CardTitle className="text-2xl font-bold">
+                    Quick Actions
+                </CardTitle>
+            </CardHeader>
+        </Card>
+    )
+}

frontend/src/app/home/page.tsx

@@ -1,3 +1,5 @@
+import HistoryPage from "../components/home/HistoryPage";
+import QuickActionsPage from "../components/home/QuickActionsPage";
 import StatisticPage from "../components/home/StatisticPage";
 import WelcomePage from "../components/home/WelcomePage";
 
@@ -23,6 +25,11 @@ export default function HomePage() {
 
             <StatisticPage/>
 
+            <div className="flex flex-1 m-10">
+                <HistoryPage/>
+                <QuickActionsPage/>
+            </div>
+
 
         </div>
     )