Updated UI, Improved Style to be more "Reactly", added Functionality

src/app/layout.tsx

@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import  Image from "next/image";
 import localFont from "next/font/local";
 import "./globals.css";
 
@@ -29,6 +30,40 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         {children}
+        <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+          <footer className=" flex gap-6 flex-wrap items-center justify-center">
+            <a
+              className="flex items-center gap-2 hover:underline hover:underline-offset-4"
+              href="https://github.com/Spaceholder-Programming/Operations-Research-Tool/wiki"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Image
+                aria-hidden
+                src="https://nextjs.org/icons/file.svg"
+                alt="File icon"
+                width={16}
+                height={16}
+              />
+              Go to our docs
+            </a>
+            <a
+              className="flex items-center gap-2 hover:underline hover:underline-offset-4"
+              href="https://github.com/Spaceholder-Programming/Operations-Research-Tool/"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Image
+                aria-hidden
+                src="https://nextjs.org/icons/globe.svg"
+                alt="Globe icon"
+                width={16}
+                height={16}
+              />
+              See the source code
+            </a>
+          </footer>
+        </div>
       </body>
     </html>
   );