feat : adding historical solar data at the home page (#454)

* feat : adding historical solar data at the home page

* fix: fixing lint

frontend/src/app/_homeComponents/HistorySolarData.tsx

@@ -0,0 +1,33 @@
+"use client";
+import React from "react";
+import Image from "next/image";
+
+const solarDataUrl =
+    "https://services.swpc.noaa.gov/images/swx-overview-large.gif";
+
+export default function HistorySolarData() {
+    return (
+        <div className="flex w-full flex-col items-center justify-center">
+            <div className="mt-16 flex flex-col items-center justify-center text-center">
+                <div className="prose prose-invert">
+                    <h1>{"Historical Solar Data"}</h1>
+                    <p>
+                        {
+                            "Here is shown multiple charts informing the current state of the solar weather"
+                        }
+                    </p>
+                </div>
+            </div>
+            {/* Images side by side */}
+            <div className="my-10 flex w-full flex-row items-center justify-center gap-8 p-4 text-center">
+                <Image
+                    alt="Historical Solar Data"
+                    src={solarDataUrl}
+                    width={900}
+                    height={400}
+                    className="w-900 h-auto"
+                />
+            </div>
+        </div>
+    );
+}

frontend/src/app/page.tsx

@@ -4,15 +4,19 @@ import MissionStatement from "./_homeComponents/MissionStatement";
 import FeaturedImage from "./_homeComponents/FeaturedImage";
 import GlobeWithStats from "./_homeComponents/GlobeWithStats";
 import ScrollIndicator from "./_homeComponents/ScrollIndicator";
+import HistorySolarData from "./_homeComponents/HistorySolarData";
 
 export default async function Home() {
     return (
         <>
             <ScrollIndicator></ScrollIndicator>
-            {/* Globe */}
 
+            {/* Globe */}
             <GlobeWithStats />
 
+            {/* History Solar Data Section */}
+            <HistorySolarData />
+
             {/* Mission Statement Section */}
             <MissionStatement />